/* ============================================================
   BRAND SLOT · colors + fonts for this customer.
   Swap these values from the customer's onboarding form
   (hex codes, or colors pulled from their logo). Nothing else
   in the template needs to change.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,700;1,9..144,600;1,9..144,700&family=Inter:wght@400;500;600;700;800;900&display=swap");

:root{
  --paper:#FAF8F4;        /* page background */
  --paper-2:#F1EEE7;      /* soft panels */
  --card:#FFFFFF;
  --ink:#14181A;          /* main text */
  --ink-soft:#3D4447;     /* body text */
  --muted:#5F6669;        /* small labels (still readable) */
  --line:#E3DFD6;
  --accent:#0E6E73;       /* the ONE brand color */
  --accent-deep:#0A5357;
  --accent-tint:#E3F0EF;
  --on-accent:#FFFFFF;
  --font-head:"Fraunces", Georgia, serif;
  --font-body:"Inter", system-ui, sans-serif;

  /* booking form wears the same brand */
  --bk-bg:var(--paper); --bk-surface:var(--card); --bk-input:#FFFFFF;
  --bk-ink:var(--ink); --bk-soft:var(--ink-soft); --bk-muted:var(--muted);
  --bk-line:var(--line); --bk-tint:var(--accent-tint); --bk-hover:var(--paper);
  --bk-accent:var(--accent); --bk-accent-ink:var(--on-accent); --bk-ring:rgba(14,110,115,.18);
  --bk-head:var(--font-head); --bk-head-weight:600; --bk-head-track:-.02em;
  --bk-body:var(--font-body);
  --bk-radius:22px; --bk-radius-sm:14px;
  --bk-shadow:0 1px 2px rgba(20,24,26,.04),0 10px 30px rgba(20,24,26,.05);
  --bk-bar-bg:rgba(255,255,255,.88);
}