/* ============================================================
   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=Archivo:wdth,wght@62..125,400..900&display=swap");

:root{
  --paper:#F3F1EC;        /* page background */
  --white:#FFFFFF;
  --ink:#0F0F0F;          /* text + black blocks */
  --ink-soft:#33312D;     /* body text */
  --muted:#5E5B55;
  --line:#0F0F0F;         /* bold black rules */
  --pop:#FF5A1F;          /* main brand color (orange) */
  --on-pop:#0F0F0F;
  --pop-2:#2337FF;        /* second brand color (cobalt) */
  --on-pop-2:#FFFFFF;
  --font-head:"Archivo", "Arial Black", sans-serif;
  --head-stretch:125%;    /* extra-wide headlines */
  --font-body:"Archivo", system-ui, sans-serif;

  /* booking form wears the same brand */
  --bk-bg:var(--paper); --bk-surface:var(--white); --bk-input:var(--white);
  --bk-ink:var(--ink); --bk-soft:var(--ink-soft); --bk-muted:var(--muted);
  --bk-line:#D8D4CB; --bk-tint:#FFE7DC; --bk-hover:var(--paper);
  --bk-accent:var(--pop); --bk-accent-ink:var(--on-pop); --bk-accent-text:#C83A07; --bk-ring:rgba(255,90,31,.25);
  --bk-head:var(--font-head); --bk-head-weight:900; --bk-head-case:uppercase; --bk-head-track:-.01em; --bk-head-stretch:125%; --bk-em-style:normal;
  --bk-body:var(--font-body);
  --bk-radius:18px; --bk-radius-sm:12px; --bk-btn-radius:999px;
  --bk-btn-case:uppercase; --bk-btn-track:.04em;
  --bk-shadow:0 2px 0 var(--ink);
  --bk-bar-bg:rgba(243,241,236,.92);
}