/* Klarocast — color tokens shared by the landing page and the portal.
 *
 * Dark is the default, whatever the system says: the brand lives at night,
 * in front of a TV. Light is opt-in through the header toggle, which sets
 * `data-theme` on <html> (see js/theme.js). `data-theme="dark"` is spelled
 * out too, so an explicit choice always wins over any later default.
 *
 * Accent #FFA23A is measured on the logo; the whole app accent family
 * derives from the same value (mobile/lib/main.dart). */

:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #070a12;
  --bg2: #0b0f1a;
  --surface: #0f1420;
  --surface2: #141a28;
  --raise: #1a2132;
  --ink: #f3efe6;
  --ink2: #a9adb8;
  --ink3: #8a8f9c;
  --line: rgba(190, 205, 255, .08);
  --line2: rgba(190, 205, 255, .15);
  --accent: #FFA23A;
  --on-accent: #1c1000;
  --accent-text: #ffb35c;
  --accent-soft: rgba(255, 162, 58, .12);
  --danger: #ff6b6b;
  --on-danger: #1a0505;
  --danger-soft: rgba(255, 107, 107, .1);
  --ok: #4fd69c;
  --ok-soft: rgba(79, 214, 156, .1);
  --warn: #f5c451;
  --warn-soft: rgba(245, 196, 81, .1);
  --glass: rgba(9, 12, 20, .74);
  --glow: rgba(255, 162, 58, .35);
  --shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 30px 80px -30px rgba(0, 0, 0, .9);
  --grain-o: .05;
  --input: #0a0e18;
  --scrim: rgba(3, 5, 10, .66);
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f1ec;
  --bg2: #e9e6df;
  --surface: #ffffff;
  --surface2: #f8f6f1;
  --raise: #f1ede6;
  --ink: #12141b;
  --ink2: #4f535e;
  --ink3: #5c616e;
  --line: rgba(18, 20, 27, .1);
  --line2: rgba(18, 20, 27, .18);
  --accent: #FFA23A;
  --on-accent: #1c1000;
  --accent-text: #9a4d00;
  --accent-soft: rgba(255, 162, 58, .16);
  --danger: #c42b2b;
  --on-danger: #ffffff;
  --danger-soft: rgba(196, 43, 43, .08);
  --ok: #127a4c;
  --ok-soft: rgba(18, 122, 76, .1);
  --warn: #8a5a00;
  --warn-soft: rgba(245, 180, 40, .16);
  --glass: rgba(255, 255, 255, .78);
  --glow: rgba(255, 162, 58, .28);
  --shadow: 0 1px 2px rgba(40, 20, 0, .06), 0 24px 60px -30px rgba(40, 20, 0, .3);
  --grain-o: .03;
  --input: #ffffff;
  --scrim: rgba(20, 16, 10, .4);
}