/* ============================================================
   The Salon Book: brand tokens
   Version 1.0

   Values only. No layout, no components.

   This file is owned and registered by the plugin, so the
   website theme and the plugin admin screens load the same
   copy. Change a brand value here and it changes everywhere.

   Registered handle: tsb-tokens
   ============================================================ */

:root{

  /* --- Colour --- */
  --tsb-paper:#FCF9F5;         /* page background */
  --tsb-paper-2:#F3EDE5;       /* alternate band background */
  --tsb-card:#FFFFFF;          /* card and panel background */

  --tsb-ink:#1F1A18;           /* headings and strong text */
  --tsb-ink-2:#3D3430;         /* body text */
  --tsb-ink-soft:#6E625B;      /* secondary and supporting text */

  --tsb-line:rgba(31,26,24,.13);   /* visible borders */
  --tsb-line-2:rgba(31,26,24,.08); /* quiet borders */

  --tsb-block:#25211F;         /* dark section panels */
  --tsb-block-soft:#38322F;    /* raised elements inside a dark panel */
  --tsb-on-dark:rgba(252,249,245,.92);
  --tsb-on-dark-2:rgba(252,249,245,.75);

  /* Brand red. Use --tsb-accent on light backgrounds only.
     On the dark panels it fails contrast as text, so use
     --tsb-accent-bright and only for rules and markers. */
  --tsb-accent:#93242C;
  --tsb-accent-bright:#C2404A;
  --tsb-accent-wash:rgba(147,36,44,.09);

  /* Status colours for the enquiry pipeline. Deliberately not
     the brand red, so a lost enquiry does not read as brand. */
  --tsb-ok:#2F6B4F;
  --tsb-warn:#8A5A16;
  --tsb-stop:#8C2F2F;

  /* --- Type --- */
  --tsb-display:"Instrument Sans",system-ui,-apple-system,sans-serif;
  --tsb-body:"Figtree",system-ui,-apple-system,sans-serif;

  --tsb-size-h1:clamp(2.5rem,5.6vw,4.2rem);
  --tsb-size-h2:clamp(1.9rem,4vw,3rem);
  --tsb-size-h3:1.32rem;
  --tsb-size-lede:1.08rem;
  --tsb-size-small:.88rem;
  --tsb-size-label:.78rem;

  --tsb-track-display:-.028em;
  --tsb-track-label:.04em;

  /* --- Space --- */
  --tsb-gutter:clamp(1.15rem,5vw,4.5rem);
  --tsb-band:clamp(3.5rem,8vw,6rem);
  --tsb-maxw:1240px;

  /* --- Surface --- */
  --tsb-radius:16px;
  --tsb-radius-sm:10px;
  --tsb-radius-lg:26px;
  --tsb-shadow:0 24px 48px -28px rgba(31,26,24,.45);
  --tsb-shadow-sm:0 12px 26px -14px rgba(31,26,24,.4);
  --tsb-shadow-img:0 28px 56px -34px rgba(31,26,24,.5);

  /* --- Motion --- */
  --tsb-ease:cubic-bezier(.22,1,.36,1);
  --tsb-fast:.25s;
  --tsb-mid:.45s;
  --tsb-slow:.8s;
}