/* ═══════════════════════════════════════════════════════════════════════════════
   NEOSCONA DESIGN TOKENS — single source of truth
   Brand Bible §4.3: ink + white + one violet
   ═══════════════════════════════════════════════════════════════════════════════ */

:root {
  /* ─── PRIMARY ACCENT (Dynamic) ────────────────────────────────────────── */
  /* Master Neoscona Violet is the default */
  --p-h: 255; --p-s: 100%; --p-l: 71%; 
  --primary:       hsl(var(--p-h), var(--p-s), var(--p-l));
  --primary-light: hsl(var(--p-h), var(--p-s), calc(var(--p-l) + 10%));
  --primary-dark:  hsl(var(--p-h), var(--p-s), calc(var(--p-l) - 10%));
  --primary-alt:   hsla(var(--p-h), var(--p-s), var(--p-l), 0.15);
  --primary-text:  #FFFFFF;
}

/* ─── DEFAULT: LIGHT THEME ──────────────────────────────────────────────────── */
:root, [data-theme="light"] {
  --bg:             #FAFAF7;
  --bg-input:       #F0EDE6;
  --border:         #E0DDD6;
  --bg-hover:       #EEEAE3;
  --graphics:       #D5D0C8;
  --copy:           #5C5A55;
  --copy-75:        #3D3B37;
  --heading:        #0A0A0F;
  --live:           #059669;
  --nav-bg:         #FAFAF7cc;
  --frame:          #E0DDD6;
}

/* ─── DARK THEME ──────────────────────────────────────────────────────────── */
[data-theme="dark"] {
  --bg:             #0A0A0F;
  --bg-input:       #121119;
  --border:         #221F2E;
  --bg-hover:       #1A1824;
  --graphics:       #2A2640;
  --copy:           #8B879B;
  --copy-75:        #C3C0D0;
  --heading:        #FAFAF7;
  --live:           #34D399;
  --nav-bg:         #0A0A0Fcc;
  --frame:          #221F2E;
}

/* ─── PRODUCT COLOR OVERRIDES ──────────────────────────────────────────────── */
/* Blue for Reva (per user request) */
[data-product="reva"] {
  --p-h: 240; --p-s: 64%; --p-l: 60%;
}
/* Teal for Voice (clarity) */
[data-product="voice"] {
  --p-h: 171; --p-s: 100%; --p-l: 32%;
}
/* Sky Blue for Reach (broad connectivity) */
[data-product="reach"] {
  --p-h: 199; --p-s: 98%; --p-l: 39%;
}
/* Slate/Indigo for Flow (logic/back-end) */
[data-product="flow"] {
  --p-h: 215; --p-s: 25%; --p-l: 27%;
}