/* ============================================================
   BRAND SLOT · colors + fonts for this customer.
   Swap these values from the customer's onboarding form
   (hex codes, or colors pulled from their logo).
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@500;600;700;800&display=swap");

:root{
  --bg:#0E0D0C;           /* page background */
  --bg-2:#151311;         /* alternate sections */
  --card:#1C1A17;
  --ivory:#F4EEE4;        /* headlines + main text */
  --soft:#D3CABC;         /* body text */
  --muted:#ACA394;        /* small labels (still readable on dark) */
  --line:rgba(244,238,228,.14);
  --gold:#C9A46A;         /* the brand accent */
  --gold-light:#E2C48F;
  --on-gold:#17130D;
  --font-head:"DM Serif Display", Georgia, serif;
  --font-body:"Manrope", system-ui, sans-serif;

  /* booking form wears the same brand */
  --bk-bg:var(--bg); --bk-surface:var(--card); --bk-input:#141210;
  --bk-ink:var(--ivory); --bk-soft:var(--soft); --bk-muted:var(--muted);
  --bk-line:var(--line); --bk-tint:rgba(201,164,106,.12); --bk-hover:rgba(244,238,228,.05);
  --bk-accent:var(--gold); --bk-accent-ink:var(--on-gold); --bk-accent-text:var(--gold-light); --bk-ring:rgba(201,164,106,.25);
  --bk-head:var(--font-head); --bk-head-weight:400; --bk-head-track:-.01em;
  --bk-body:var(--font-body);
  --bk-radius:6px; --bk-radius-sm:4px; --bk-btn-radius:2px;
  --bk-btn-case:uppercase; --bk-btn-track:.12em;
  --bk-shadow:none;
  --bk-bar-bg:rgba(14,13,12,.9);
  --lb-bg:rgba(8,7,6,.96);
}