/* meilleurepergola.fr — thème « Terrasse » : bleu pétrole, soleil, Outfit + Figtree */
:root {
    --bg: #f5f7f6; --bg-2: #e8eeec; --surface: #ffffff;
    --ink: #15201f; --ink-2: #3b4948; --ink-3: #5a6867;
    --line: #d6e0dd; --line-strong: #7b8a88;
    --accent: #1f5f63; --accent-hover: #164a4d; --on-accent: #ffffff; --accent-soft: #e0eeee;
    --gold: #f2b134;
    --serif: 'Outfit', system-ui, sans-serif;
    --sans: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #0f1616; --bg-2: #162020; --surface: #1b2626;
        --ink: #ecf3f2; --ink-2: #cad8d6; --ink-3: #a3b5b3;
        --line: #2a3838; --line-strong: #7b8c8a;
        --accent: #6fc3c0; --accent-hover: #93d6d3; --on-accent: #0b1a1a; --accent-soft: #1d3333;
    }
}

/* ===== Logo ===== */
.lg { gap: 10px; }
.lg__mark { width: 40px; height: 40px; border-radius: 10px; background: var(--accent); color: var(--on-accent); display: grid; place-items: center; flex: none; }
.lg__mark svg { width: 24px; height: 24px; }
.lg__name { font: 700 21px/1 var(--serif); color: var(--ink); letter-spacing: -.01em; white-space: nowrap; }
.lg__name b { color: var(--accent); font-weight: 700; }
.lg--ft { margin-bottom: 16px; }
.lg--ft .lg__mark { width: 52px; height: 52px; border-radius: 13px; }
.lg--ft .lg__mark svg { width: 30px; height: 30px; }
.lg--ft .lg__name { font-size: 28px; }
.hero__t em { font-style: normal; color: var(--accent); }
@media (max-width: 720px) { .lg__name { font-size: 17px; } .lg__mark { width: 34px; height: 34px; } .lg__mark svg { width: 20px; height: 20px; } .hd .btn { white-space: nowrap; } }