/* ============================================================
   BookSaarthi — Design Token Foundation (CSS)
   Single source of truth for: Website · Customer · Partner · Admin
   Palette "Mithai" (warm coral, secular). Mirrors bs-tokens.js exactly.
   Usage:  <link rel="stylesheet" href="tokens/bs-tokens.css">
           color: var(--bs-text); background: var(--bs-brand);
   ============================================================ */
:root {
  /* ---------- BRAND ---------- */
  --bs-brand:#F8475E;
  --bs-brand-dark:#D12C45;
  --bs-brand-darker:#7A1228;
  --bs-brand-tint:#FFECEE;
  --bs-on-brand:#FFFFFF;

  /* ---------- ACCENTS (confetti set) ---------- */
  --bs-gold:#EBA419;   --bs-gold-tint:#FCF1DC;   --bs-gold-dark:#9A6A12;
  --bs-teal:#0FA391;   --bs-teal-tint:#E6F7F3;   --bs-teal-dark:#0C8575;
  --bs-plum:#9B3FB5;   --bs-plum-tint:#F4E9F8;   --bs-plum-dark:#76308A;
  --bs-coral:#FF8A4C;  --bs-coral-tint:#FFF0E5;  --bs-coral-dark:#E0692A;
  --bs-sky:#29A4DF;    --bs-sky-tint:#E6F4FC;    --bs-sky-dark:#1E7FB0;

  /* ---------- SURFACES ---------- */
  --bs-surface:#FFF8F4;
  --bs-surface-raised:#FFFFFF;
  --bs-surface-sunken:#FBEDE6;
  --bs-surface-inverse:#2A1320;
  --bs-overlay:rgba(42,19,32,0.55);

  /* ---------- TEXT ---------- */
  --bs-text:#2A1320;
  --bs-text-secondary:#6A4150;
  --bs-text-muted:#A98593;
  --bs-text-on-brand:#FFFFFF;
  --bs-text-on-inverse:#FBEDE6;

  /* ---------- BORDER ---------- */
  --bs-border:#E9D5CC;
  --bs-border-strong:#D8C0B5;
  --bs-focus-ring:rgba(248,71,94,0.32);

  /* ---------- NEUTRAL RAMP (admin / tables) ---------- */
  --bs-neutral0:#FFFFFF;
  --bs-neutral50:#FFF8F4;
  --bs-neutral100:#FBEDE6;
  --bs-neutral200:#F0DED6;
  --bs-neutral300:#E1CBC1;
  --bs-neutral400:#C7AEA3;
  --bs-neutral500:#A98593;
  --bs-neutral600:#7E5C68;
  --bs-neutral700:#5A3C49;
  --bs-neutral800:#3A2030;
  --bs-neutral900:#2A1320;

  /* ---------- STATUS ---------- */
  --bs-success:#1A7A4A;  --bs-success-tint:#E6F4EC;
  --bs-warning:#D9912B;  --bs-warning-tint:#FBF0DC;
  --bs-error:#E23B2E;    --bs-error-tint:#FDECEA;
  --bs-info:#29A4DF;     --bs-info-tint:#E6F4FC;
  --bs-white:#FFFFFF;

  /* ---------- GRADIENTS ---------- */
  --bs-gradient-brand:linear-gradient(135deg,#F8475E 0%,#D12C45 100%);
  --bs-gradient-hero:linear-gradient(180deg,#FF6E7E 0%,#F8475E 45%,#2A1320 100%);
  --bs-gradient-brand-soft:linear-gradient(160deg,#FFECEE 0%,#FFF0E5 100%);
  --bs-gradient-gold:linear-gradient(135deg,#F8DC70,#EBA419 55%,#9A6A12);

  /* ---------- TYPE — families ---------- */
  --bs-font-display:"Playfair Display", Georgia, serif;
  --bs-font-heading:"Baloo 2", system-ui, sans-serif;
  --bs-font-body:"Noto Sans", system-ui, sans-serif;
  --bs-font-mono:"Space Mono", ui-monospace, monospace;
  --bs-font-marketing-display:"Cormorant Garamond", Georgia, serif;
  --bs-font-marketing-body:"Raleway", system-ui, sans-serif;

  /* ---------- TYPE — weights ---------- */
  --bs-weight-regular:400;
  --bs-weight-medium:500;
  --bs-weight-semibold:600;
  --bs-weight-bold:700;
  --bs-weight-extrabold:800;

  /* ---------- TYPE — scale (size / line / weight) ---------- */
  --bs-text-display-xl-size:56px; --bs-text-display-xl-line:1.05; --bs-text-display-xl-weight:800;
  --bs-text-display-size:40px;    --bs-text-display-line:1.08;    --bs-text-display-weight:800;
  --bs-text-h1-size:32px;         --bs-text-h1-line:1.15;         --bs-text-h1-weight:700;
  --bs-text-h2-size:26px;         --bs-text-h2-line:1.2;          --bs-text-h2-weight:700;
  --bs-text-h3-size:20px;         --bs-text-h3-line:1.3;          --bs-text-h3-weight:700;
  --bs-text-title-size:17px;      --bs-text-title-line:1.35;      --bs-text-title-weight:600;
  --bs-text-body-lg-size:16px;    --bs-text-body-lg-line:1.55;    --bs-text-body-lg-weight:400;
  --bs-text-body-size:14px;       --bs-text-body-line:1.6;        --bs-text-body-weight:400;
  --bs-text-label-size:12px;      --bs-text-label-line:1.4;       --bs-text-label-weight:600;
  --bs-text-caption-size:11px;    --bs-text-caption-line:1.45;    --bs-text-caption-weight:500;

  /* ---------- SPACE (4pt) ---------- */
  --bs-space-0:0px;  --bs-space-1:4px;  --bs-space-2:8px;  --bs-space-3:12px;
  --bs-space-4:16px; --bs-space-5:20px; --bs-space-6:24px; --bs-space-7:32px;
  --bs-space-8:40px; --bs-space-9:48px; --bs-space-10:64px;
  --bs-page-margin:16px;
  --bs-section-gap:24px;
  --bs-max-width:1240px;

  /* ---------- RADIUS ---------- */
  --bs-radius-xs:8px; --bs-radius-sm:10px; --bs-radius-md:12px; --bs-radius-lg:14px;
  --bs-radius-xl:16px; --bs-radius-2xl:20px; --bs-radius-pill:999px; --bs-radius-circle:50%;

  /* ---------- CONTROL SIZES ---------- */
  --bs-control-lg:56px; --bs-control-md:48px; --bs-control-sm:44px;
  --bs-control-input-h:54px; --bs-control-min-tap:48px; --bs-control-nav-h:56px;

  /* ---------- ELEVATION ---------- */
  --bs-shadow-xs:0 1px 2px rgba(42,19,32,0.06);
  --bs-shadow-sm:0 3px 10px rgba(42,19,32,0.08);
  --bs-shadow-md:0 6px 20px rgba(42,19,32,0.12);
  --bs-shadow-lg:0 16px 40px rgba(42,19,32,0.16);
  --bs-shadow-brand:0 6px 18px rgba(248,71,94,0.28);
  --bs-shadow-gold:0 4px 12px rgba(235,164,25,0.25);
  --bs-shadow-nav:0 -2px 16px rgba(42,19,32,0.10);

  /* ---------- MOTION ---------- */
  --bs-dur-fast:0.15s; --bs-dur-mid:0.25s; --bs-dur-slow:0.4s;
  --bs-ease-standard:cubic-bezier(.2,0,0,1);
  --bs-ease-out:cubic-bezier(0,0,.2,1);
  --bs-ease-in:cubic-bezier(.4,0,1,1);

  /* ---------- Z-INDEX ---------- */
  --bs-z-base:0; --bs-z-dropdown:1000; --bs-z-sticky:1100;
  --bs-z-overlay:1200; --bs-z-modal:1300; --bs-z-toast:1400;
}