/* ==========================================================================
   FITCare Support Services — design tokens
   Approved Phase 1 (3 Jul 2026). Brand source: mini brand guide
   (blue #1E4689 / black / white). One file = the whole visual system;
   every component reads these custom properties, never raw values.
   ========================================================================== */

/* ---- Fonts (free stand-ins approved for prototype + production) ----
   Bricolage Grotesque = display (stand-in for Bilo headline weights)
   Figtree             = body    (stand-in for Bilo text weights)
   Dancing Script      = script  (stand-in for Gardenisa; wordmark + tagline only) */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-stretch:100%;src:url('../assets/fonts/bricolage-grotesque.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;src:url('../assets/fonts/figtree.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400 700;src:url('../assets/fonts/dancing-script.woff2') format('woff2');font-display:swap}

:root{
  /* brand core (mini brand guide) */
  --brand-blue:#1E4689; --brand-black:#000000; --brand-white:#FFFFFF;

  /* primary scale (derived from #1E4689) */
  --primary-50:#EAF1FA; --primary-100:#D9E4F5; --primary-400:#4B82D6; --primary-500:#2E62B8;
  --primary-600:#1E4689; --primary-700:#1A3B74; --primary-800:#16345F; --primary-900:#0D2140;

  /* sun accent (approved 3 Jul 2026) */
  --sun-300:#FFC85C; --sun-400:#FFB528; --sun-soft:#FFE7B3; --sun-text:#8A5A00; --sun-50:#FFF6E0;

  /* neutrals (blue-biased) */
  --paper:#FBFCFE; --surface:#F1F5FA; --card:#FFFFFF;
  --ink:#111826; --body-c:#3D4657; --muted:#5A6478; --line:#E3E8F0;

  /* semantic */
  --success:#15703E; --success-50:#E7F6EE; --error:#B42318; --error-50:#FDECEC;

  /* interactive */
  --link:#1E4689; --btn-bg:#1E4689; --btn-bg-hover:#16345F; --btn-fg:#FFFFFF;
  --focus:#2E62B8; --band:#16345F; --band-deep:#0D2140;
  --chip-blue-bg:#EAF1FA; --chip-blue-fg:#16345F;

  /* elevation */
  --shadow-card:0 1px 2px rgba(17,24,38,.05),0 12px 32px -16px rgba(30,70,137,.25);
  --shadow-lift:0 2px 4px rgba(17,24,38,.06),0 20px 44px -18px rgba(30,70,137,.35);

  /* radii */
  --r-s:12px; --r-m:20px; --r-l:28px;

  /* media placeholders */
  --media-a:#D9E4F5; --media-b:#9FC0EA; --media-leaf:rgba(30,70,137,.18);

  /* type scale */
  --fs-body:1.0625rem;        /* 17px minimum */
  --lh-body:1.7;
  --fs-display:clamp(2.375rem,5.2vw,3.75rem);
  --fs-h2:clamp(1.75rem,3.6vw,2.5rem);
  --fs-h3:1.2rem;
}

/* dark theme — OS preference */
@media (prefers-color-scheme:dark){
  :root{
    --paper:#0C1424; --surface:#111B30; --card:#182742;
    --ink:#EDF1F8; --body-c:#C3CCDC; --muted:#93A0B8; --line:#263654;
    --link:#8FB4EE; --btn-bg:#2E62B8; --btn-bg-hover:#4B82D6; --btn-fg:#FFFFFF;
    --focus:#8FB4EE; --band:#0D2140; --band-deep:#080F1E;
    --chip-blue-bg:#1D3055; --chip-blue-fg:#C9DAF5;
    --sun-soft:#5C430E; --sun-text:#FFC85C; --sun-50:#2E2410;
    --success:#5BC98A; --success-50:#123324; --error:#F1998E; --error-50:#3A1512;
    --shadow-card:0 1px 2px rgba(0,0,0,.4),0 12px 32px -16px rgba(0,0,0,.6);
    --shadow-lift:0 2px 4px rgba(0,0,0,.5),0 20px 44px -18px rgba(0,0,0,.7);
    --media-a:#1D3055; --media-b:#152343; --media-leaf:rgba(143,180,238,.14);
  }
}

/* explicit theme override (e.g. a future site toggle) beats the media query */
:root[data-theme="dark"]{
  --paper:#0C1424; --surface:#111B30; --card:#182742;
  --ink:#EDF1F8; --body-c:#C3CCDC; --muted:#93A0B8; --line:#263654;
  --link:#8FB4EE; --btn-bg:#2E62B8; --btn-bg-hover:#4B82D6; --btn-fg:#FFFFFF;
  --focus:#8FB4EE; --band:#0D2140; --band-deep:#080F1E;
  --chip-blue-bg:#1D3055; --chip-blue-fg:#C9DAF5;
  --sun-soft:#5C430E; --sun-text:#FFC85C; --sun-50:#2E2410;
  --success:#5BC98A; --success-50:#123324; --error:#F1998E; --error-50:#3A1512;
  --shadow-card:0 1px 2px rgba(0,0,0,.4),0 12px 32px -16px rgba(0,0,0,.6);
  --shadow-lift:0 2px 4px rgba(0,0,0,.5),0 20px 44px -18px rgba(0,0,0,.7);
  --media-a:#1D3055; --media-b:#152343; --media-leaf:rgba(143,180,238,.14);
}
:root[data-theme="light"]{
  --paper:#FBFCFE; --surface:#F1F5FA; --card:#FFFFFF;
  --ink:#111826; --body-c:#3D4657; --muted:#5A6478; --line:#E3E8F0;
  --link:#1E4689; --btn-bg:#1E4689; --btn-bg-hover:#16345F; --btn-fg:#FFFFFF;
  --focus:#2E62B8; --band:#16345F; --band-deep:#0D2140;
  --chip-blue-bg:#EAF1FA; --chip-blue-fg:#16345F;
  --sun-soft:#FFE7B3; --sun-text:#8A5A00; --sun-50:#FFF6E0;
  --success:#15703E; --success-50:#E7F6EE; --error:#B42318; --error-50:#FDECEC;
  --shadow-card:0 1px 2px rgba(17,24,38,.05),0 12px 32px -16px rgba(30,70,137,.25);
  --shadow-lift:0 2px 4px rgba(17,24,38,.06),0 20px 44px -18px rgba(30,70,137,.35);
  --media-a:#D9E4F5; --media-b:#9FC0EA; --media-leaf:rgba(30,70,137,.18);
}