/* ================================================================
   boraADS — Color tokens
   Near-monochromatic blue-tinted neutrals + one electric-blue accent
   + four semantic signals. Every neutral is tinted toward the brand
   hue oklch(... 255) — #000 / #FFF are forbidden. Dark is primary.
   ================================================================ */

/* ---- Dark (primary theme) ---- */
:root,
[data-theme="dark"] {
  /* Surface ramp: bg-0 page → bg-4 input */
  --bg-0: #07090F;
  --bg-1: #0D1119;
  --bg-2: #121723;
  --bg-3: #1A2030;
  --bg-4: #222A3D;

  --line:        #2A3247;
  --line-soft:   #1F2638;
  --line-strong: #3A4258;

  /* Foreground ramp */
  --fg-0: #F2F5FB;
  --fg-1: #9CA4B5;
  --fg-2: #6A7287;
  --fg-3: #485066;

  /* Accent — the brand. CTA / focus / active / brand mark. */
  --acc:       oklch(0.68 0.21 255);
  --acc-hover: oklch(0.74 0.21 255);
  --acc-press: oklch(0.60 0.21 255);
  --acc-soft:  color-mix(in oklab, var(--acc) 14%, transparent);
  --acc-line:  color-mix(in oklab, var(--acc) 30%, transparent);
  --acc-glow:  color-mix(in oklab, var(--acc) 60%, transparent);
  --acc-ink:   #FFFFFF;

  /* Semantic signals — always paired with a literal word, never color-only */
  --pos:       oklch(0.78 0.16 152);
  --pos-soft:  color-mix(in oklab, var(--pos) 14%, transparent);
  --warn:      oklch(0.82 0.17 75);
  --warn-soft: color-mix(in oklab, var(--warn) 14%, transparent);
  --neg:       oklch(0.72 0.16 25);
  --neg-soft:  color-mix(in oklab, var(--neg) 14%, transparent);
  --info:      oklch(0.78 0.13 200);
  --info-soft: color-mix(in oklab, var(--info) 14%, transparent);
}

/* ---- Light (peer theme — parallel contrast math, not dark inverted) ---- */
.light,
[data-theme="light"] {
  --bg-0: #FAFBFD;
  --bg-1: #F2F4F8;
  --bg-2: #FFFFFF;
  --bg-3: #F6F8FB;
  --bg-4: #ECEFF5;

  --line:        #DEE3EC;
  --line-soft:   #E8ECF3;
  --line-strong: #C2C9D5;

  --fg-0: #0B1020;
  --fg-1: #4A5269;
  --fg-2: #757D92;
  --fg-3: #9DA4B5;

  --acc:       oklch(0.56 0.22 255);
  --acc-hover: oklch(0.62 0.22 255);
  --acc-press: oklch(0.50 0.22 255);
  --acc-soft:  color-mix(in oklab, var(--acc) 14%, white);
  --acc-line:  color-mix(in oklab, var(--acc) 40%, transparent);
  --acc-glow:  color-mix(in oklab, var(--acc) 40%, transparent);
  --acc-ink:   #FFFFFF;

  --pos:       oklch(0.58 0.16 152);
  --pos-soft:  color-mix(in oklab, var(--pos) 16%, white);
  --warn:      oklch(0.68 0.17 75);
  --warn-soft: color-mix(in oklab, var(--warn) 16%, white);
  --neg:       oklch(0.58 0.18 25);
  --neg-soft:  color-mix(in oklab, var(--neg) 16%, white);
  --info:      oklch(0.55 0.14 200);
  --info-soft: color-mix(in oklab, var(--info) 16%, white);
}