/* ═══════════════════════════════════════════════════════════════
   ATELIER 2026 — Editorial hospitality system
   Oversized type · stone paper · ink · single ember accent
   ═══════════════════════════════════════════════════════════════ */

:root {
    --atelier-paper: #F2F2F0;
    --atelier-surface: #EAEAE6;
    --atelier-elevated: #FFFFFF;
    --atelier-ink: #0B0B0B;
    --atelier-muted: #6A6A66;
    --atelier-accent: #FF4F1A;
    --atelier-accent-dim: #D63E10;
    --atelier-line: rgba(11, 11, 11, 0.08);
    --atelier-rgb: 255, 79, 26;

    --horizon-deep: var(--atelier-paper);
    --horizon-surface: var(--atelier-surface);
    --horizon-elevated: var(--atelier-elevated);
    --horizon-ink: var(--atelier-ink);
    --horizon-muted: var(--atelier-muted);
    --horizon-accent: var(--atelier-accent);
    --horizon-accent-bright: #FF6A3D;
    --horizon-accent-dim: var(--atelier-accent-dim);
    --horizon-warm: var(--atelier-accent);
    --horizon-warm-soft: rgba(255, 79, 26, 0.1);
    --horizon-rgb: var(--atelier-rgb);
    --horizon-warm-rgb: var(--atelier-rgb);

    --moon-deep: var(--atelier-paper);
    --moon-surface: var(--atelier-surface);
    --moon-elevated: var(--atelier-elevated);
    --moon-glow: var(--atelier-ink);
    --moon-muted: var(--atelier-muted);
    --moon-accent: var(--atelier-accent);
    --moon-accent-dim: var(--atelier-accent-dim);
    --moon-warm: var(--atelier-accent);
    --moon-rgb: var(--atelier-rgb);
    --red: var(--atelier-accent);
    --red-dark: var(--atelier-accent-dim);
    --red-mid: #FF6A3D;
    --red-soft: rgba(255, 79, 26, 0.1);
    --red-pale: rgba(255, 79, 26, 0.05);
    --red-rgb: var(--atelier-rgb);
    --bg: var(--atelier-paper);
    --bg-soft: var(--atelier-surface);
    --surface: var(--atelier-elevated);
    --text: var(--atelier-ink);
    --text-soft: var(--atelier-muted);
    --primary: var(--atelier-accent);
    --primary-dim: var(--atelier-accent-dim);
    --surface-dark: #0B0B0B;
    --glass-edge: var(--atelier-line);

    --font-display: "Bodoni Moda", Georgia, "Times New Roman", serif;
    --font-body: "Figtree", system-ui, sans-serif;
    --font-accent: "Bricolage Grotesque", var(--font-body);

    --glow-accent: 0 12px 36px rgba(255, 79, 26, 0.28);
    --radius-bento: 22px;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

body {
    font-family: var(--font-body);
    font-weight: 500;
    letter-spacing: -0.015em;
    color: var(--atelier-ink);
    background:
        radial-gradient(ellipse 90% 50% at 50% -8%, rgba(255, 79, 26, 0.06), transparent 55%),
        var(--atelier-paper);
}

h1, h2, h3, h4 {
    font-family: var(--font-display);
    font-weight: 600;
    letter-spacing: -0.03em;
}

.site-topbar {
    background: var(--atelier-ink) !important;
}

.site-nav__link {
    font-family: var(--font-accent) !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
}

.site-nav__link.is-active {
    background: var(--atelier-ink) !important;
    color: #fff !important;
}

.site-logo {
    font-family: var(--font-display) !important;
    color: var(--atelier-ink) !important;
    letter-spacing: -0.04em !important;
}

.site-logo__mark {
    background: var(--atelier-ink) !important;
    box-shadow: none !important;
    border-radius: 12px !important;
}

.btn {
    font-family: var(--font-accent) !important;
    letter-spacing: -0.02em !important;
}

.btn--glow,
.btn--primary {
    background: var(--atelier-ink) !important;
    box-shadow: 0 10px 28px rgba(11, 11, 11, 0.18) !important;
    border: none !important;
}

.btn--glow:hover,
.btn--primary:hover {
    background: #1a1a1a !important;
    box-shadow: 0 14px 36px rgba(11, 11, 11, 0.22) !important;
}

.btn--header-cta {
    background: var(--atelier-ink) !important;
    box-shadow: none !important;
}

.section-kicker {
    font-family: var(--font-accent) !important;
    color: var(--atelier-accent) !important;
    background: rgba(255, 79, 26, 0.08) !important;
}

.section-kicker::before {
    background: var(--atelier-accent) !important;
    box-shadow: none !important;
}

.section-title {
    font-family: var(--font-display) !important;
    letter-spacing: -0.035em !important;
}

.cta-band--aqua,
.cta-band--moon,
.cta-band {
    background:
        radial-gradient(ellipse 60% 80% at 85% 40%, rgba(255, 79, 26, 0.22), transparent 55%),
        linear-gradient(135deg, #0B0B0B 0%, #171717 55%, #1F1410 100%) !important;
}

.footer-cta {
    background: linear-gradient(135deg, #0B0B0B, #171717) !important;
}

.site-footer {
    background: #0B0B0B !important;
}

.menu-toggle.is-active {
    background: var(--atelier-ink) !important;
}

.mobile-drawer__panel {
    background:
        radial-gradient(ellipse 70% 40% at 100% 0%, rgba(255, 79, 26, 0.18), transparent 50%),
        linear-gradient(165deg, #0B0B0B 0%, #141414 50%, #1A1210 100%) !important;
}

.mobile-drawer__kicker,
.mobile-drawer__brand-icon {
    color: #FF6A3D !important;
}

.mobile-drawer__link.is-active {
    background: linear-gradient(135deg, #FF4F1A, #D63E10) !important;
    box-shadow: 0 12px 28px rgba(255, 79, 26, 0.35) !important;
}

.mobile-drawer__foot .btn--primary {
    background: #fff !important;
    color: #0B0B0B !important;
    box-shadow: none !important;
}

.hero-aqua-strip,
.hero-atelier-strip {
    background: var(--atelier-ink) !important;
    border-bottom: none !important;
}

.hero-aqua-strip__item strong,
.hero-atelier-strip__item strong {
    color: #FF6A3D !important;
}

.why-strip__num,
.editorial-card__live,
.home-review-card,
.faq-item summary {
    font-family: var(--font-accent);
}

.page-hero__title {
    font-family: var(--font-display) !important;
}

.page-hero--place {
    background:
        radial-gradient(ellipse 70% 60% at 90% 0%, rgba(255, 79, 26, 0.25), transparent 55%),
        linear-gradient(145deg, #0B0B0B 0%, #171717 55%, #1F1410 100%) !important;
}

/* Soften old teal leftovers */
.site-header {
    background: rgba(242, 242, 240, 0.86) !important;
}
.site-header.is-scrolled {
    background: rgba(242, 242, 240, 0.96) !important;
}