/* Qwize brand palette over the Lalabase token layer. Loaded last in every layout;
   html-qualified selectors win over the upstream :root/.dark/.theme-pop blocks. */

/* ---- LIGHT (default token set) ---- */
html:root {
  --cream-50: 248 250 250;  --cream-100: 241 245 245; --cream-200: 227 234 234;
  --cream-300: 208 218 219; --cream-400: 168 180 182; --cream-500: 122 136 138;
  --cream-600: 86 100 102;  --cream-700: 60 72 74;    --cream-800: 37 47 49;
  --cream-900: 16 26 28;
  /* cobalt (info/links/status) pulled into the brand's blue-teal */
  --cobalt-50: 236 246 248;  --cobalt-100: 211 236 240; --cobalt-200: 172 218 226;
  --cobalt-300: 118 190 204; --cobalt-400: 62 158 178;  --cobalt-500: 22 128 150;
  --cobalt-600: 10 104 124;  --cobalt-700: 8 84 101;    --cobalt-800: 6 66 80;
  --cobalt-900: 4 50 61;
  --ink: 12 28 30;
  --stroke: 12 28 30;
  --scrim: 6 24 26;
  --on-fill: 248 250 250;
  --text-action: 18 105 109;
  --accent: 18 105 109;
  --btn-primary: 1 52 55;
  --brand: 132 198 199;
  --lime: #4FA8AA;
}

/* ---- DARK ---- */
html.dark {
  --cream-50: 16 24 25;   --cream-100: 11 18 19;  --cream-200: 27 38 40;
  --cream-300: 37 50 52;  --cream-400: 64 80 82;  --cream-500: 128 144 146;
  --cream-600: 146 160 162; --cream-700: 176 188 190; --cream-800: 204 214 215;
  --cream-900: 234 240 240;
  --gray-50: 16 24 25;   --gray-100: 20 29 30;  --gray-200: 27 38 40;
  --gray-300: 37 50 52;  --gray-400: 64 80 82;  --gray-500: 128 144 146;
  --gray-600: 146 160 162; --gray-700: 176 188 190; --gray-800: 204 214 215;
  --gray-900: 234 240 240; --gray-950: 242 246 246;
  --slate-50: 16 24 25;  --slate-100: 20 29 30; --slate-200: 27 38 40;
  --slate-300: 37 50 52; --slate-400: 64 80 82; --slate-500: 128 144 146;
  --slate-600: 146 160 162; --slate-700: 176 188 190; --slate-800: 204 214 215;
  --slate-900: 234 240 240; --slate-950: 242 246 246;
  --ink: 176 192 194;
  --black: 176 192 194;
  --white: 22 32 34;
  --stroke: 176 192 194;
  --text-action: 132 198 199;
  --accent: 79 168 170;
  --info: 62 158 178;
  --cobalt-50: 14 36 40;  --cobalt-100: 18 48 54;  --cobalt-200: 24 66 74;
  --wash-accent-bg: #0e2a30; --wash-accent-text: #9fd3de;
  --btn-primary: 18 105 109;
  --wash-lime-bg: #0d2a2c;
}

/* ---- POP ---- (neutral white/black, Qwize teal action) */
html.theme-pop {
  --accent: 18 105 109;
  --btn-primary: 1 52 55;
}

/* Primary action is dark teal: white word and glyph in every theme. */
html .bg-btn-primary, html .mobile-primary { color: #fff; }
html .bg-btn-primary:disabled { color: rgb(var(--cream-500)); }

/* Auth / public pages (.lp token set) */
html .lp {
  --lp-paper: #F4F7F7;
  --lp-paper-muted: #E8EEEE;
  --lp-line: #D3DDDD;
  --lp-line-light: #DFE7E7;
  --lp-border-strong: #BCC9CA;
  --lp-ink: #013437;
  --lp-text-2: #3E5254;
  --lp-text-3: #5E7072;
  --lp-text-4: #849698;
  --lp-accent: #12696D;
  --lp-accent-hover: #0B5357;
  --lp-accent-bg: #EEF7F7;
  --lp-accent-border: #B0DCDC;
  --lp-on-dark: #F4F7F7;
  --lp-on-dark-2: #A9C3C4;
}
html .lp .lp-auth-panel { --lp-accent: #4FA8AA; }