/* v4 design tokens — from docs/design/v4-prototype/Levellume App v4.dc.html.
   Light is the shipped default (HANDOFF.md); dark via body[data-theme="dark"]. */

:root, body {
  /* neutrals — light */
  --desk: #E8E2D8;
  --bg: #F6F2EC;
  --sheet: #FDFBF7;
  --ink: #231F1A;
  --ink-06: rgba(35, 31, 26, 0.06);
  --ink-10: rgba(35, 31, 26, 0.10);
  --ink-16: rgba(35, 31, 26, 0.16);
  --ink-30: rgba(35, 31, 26, 0.40);
  --ink-45: rgba(35, 31, 26, 0.50);
  --ink-60: rgba(35, 31, 26, 0.60);
  --ink-75: rgba(35, 31, 26, 0.75);
  --scrim: rgba(60, 54, 46, 0.45);

  /* brand + utilities (v4 prototype defaults) */
  --accent: #F0A030;      /* CTA / active pills; ink-on-accent #1A1206 */
  --accent-2: #B87415;    /* links, ASK, small accents */
  --grid: #E08A00;        /* electricity from grid */
  --export: #5FA873;      /* feeding the grid (also ok/green) */
  --battery: #8A63C0;     /* discharging */
  --peak: #D6453A;        /* peak hours (also danger) */
  --water: #2AB5C9;
  --gas: #BC5A2E;
  --air: #7CA24B;
  --humidity: #2FB5A8;
  --cap: #6D4FA3;         /* capacity */
  --ok: #5FA873;
  --warn: #D9930D;
  --danger: #D6453A;
  --cloud: #5E9CFF;
  --setup-blue: #4FA3C4;  /* pairing LED cue */

  /* type */
  --display: 'Instrument Serif', serif;
  --dw: 400;
  --body: 'IBM Plex Sans', sans-serif;
  --mono: 'IBM Plex Mono', monospace;
}

body[data-theme="dark"] {
  --desk: #0A0A0A;
  --bg: #121110;
  --sheet: #191716;
  --ink: #F6F2EC;
  --ink-06: rgba(246, 242, 236, 0.07);
  --ink-10: rgba(246, 242, 236, 0.11);
  --ink-16: rgba(246, 242, 236, 0.16);
  --ink-30: rgba(246, 242, 236, 0.30);
  --ink-45: rgba(246, 242, 236, 0.45);
  --ink-60: rgba(246, 242, 236, 0.60);
  --ink-75: rgba(246, 242, 236, 0.75);
  --scrim: rgba(10, 9, 9, 0.8);
}