/* ================================================================
   BeautyOS — Design Tokens  (tokens.css)
   Load FIRST. All CSS custom properties.
   ================================================================ */
:root {
  /* ── Brand ── */
  --rose:#B5614A;       --rose-dk:#9E4A35;    --rose-lt:#D4906E;
  --blush:#F5E6E0;      --blush-md:#EAC9BC;   --blush-dk:#C8917A;
  --cream:#FAF6F0;      --parchment:#F0E8DC;  --white:#FFFDFB;
  --gold:#C9A96E;       --gold-lt:#E8D5B0;    --gold-dk:#9B7A3F;
  /* ── Text ── */
  --text:#2C1F1A;       --text-md:#6B4F43;    --text-lt:#9C7B70;
  /* ── Borders ── */
  --border:#E2D0C6;     --border-lt:#EFE4DC;
  /* ── Semantic ── */
  --success:#5A9970;    --success-lt:#D4EDDD; --success-dk:#3A7050;
  --warning:#C49A3C;    --warning-lt:#F7EDD0; --warning-dk:#8A6A1C;
  --danger:#C04848;     --danger-lt:#FAE4E4;  --danger-dk:#8B2020;
  --info:#4A7AB5;       --info-lt:#D4E5F7;    --info-dk:#2A5A95;
  --purple:#8B6FA6;     --purple-lt:#E8DDEF;
  --gdpr:#3A5A99;       --gdpr-lt:#EDF2FB;    --gdpr-bd:#B8CDEF;
  /* ── Treatment colours ── */
  --t-facial-bg:#FAE8E2;  --t-facial-tx:#8B3D2A;  --t-facial-bd:#F0C8B5;
  --t-nail-bg:#E8EAF5;    --t-nail-tx:#3D4278;    --t-nail-bd:#C8CCEE;
  --t-massage-bg:#E2EEE6; --t-massage-tx:#2A6640;  --t-massage-bd:#B8DDCA;
  --t-wax-bg:#FBF0DC;     --t-wax-tx:#7A5520;     --t-wax-bd:#F0D8A8;
  --t-brow-bg:#EDE2F5;    --t-brow-tx:#5C2A80;    --t-brow-bd:#D4B8EE;
  --t-lash-bg:#FCE8F0;    --t-lash-tx:#8B2055;    --t-lash-bd:#F0B8CC;
  /* ── Typography ── */
  --font-d:'Cormorant Garamond',Georgia,serif;
  --font-b:'DM Sans','Helvetica Neue',sans-serif;
  --font-m:'JetBrains Mono','Courier New',monospace;
  /* ── Spacing (4px grid) ── */
  --s1:4px;  --s2:8px;  --s3:12px; --s4:14px; --s5:18px; --s6:22px;
  /* ── Radii ── */
  --r-sm:4px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-2xl:20px; --r-pill:999px;
  /* ── Layout ── */
  --sidebar-w:240px; --topbar-h:58px;
  /* ── Shadows ── */
  --shadow-sm:0 1px 4px rgba(44,31,26,.07);
  --shadow-md:0 4px 14px rgba(44,31,26,.1);
  --shadow-lg:0 8px 30px rgba(44,31,26,.14);
  --shadow-focus:0 0 0 3px rgba(181,97,74,.22);
  /* ── Transitions ── */
  --t-fast:all .12s ease; --t-base:all .20s ease;
  /* ── Z-index ── */
  --z-panel:1050; --z-modal:1055; --z-toast:9999;
}