/* Vidia — structural state tokens.
   The app is a state machine (APP-STRUCTURE.md): path nodes, module steps and
   review chips all derive from live mastery data. Every surface expresses
   these five states with the SAME colors so they read as one system. */

:root, [data-theme="light"] {
  /* ---- Node / step states ---- */
  --state-done: var(--positive);
  --state-done-tint: var(--positive-tint);
  --state-current: var(--accent);
  --state-current-tint: var(--accent-tint);
  --state-locked: var(--ink-4);
  --state-locked-fill: var(--paper-2);
  --state-due: var(--caution);            /* review · due */
  --state-due-tint: var(--caution-tint);
  --state-remediation: var(--negative);   /* flagged weak — re-teach */
  --state-remediation-tint: var(--negative-tint);

  /* ---- Surface presentation (three weights of change) ----
     sheet  = switcher (context change) · modal = composer (create)
     full page = canvas (a place you go). */
  --scrim: rgba(18, 20, 23, 0.24);
  --scrim-blur: 8px;
  --sheet-radius: 28px;                   /* top corners of bottom sheets */
  --dur-sheet: var(--dur-base);           /* @kind other */
  --dur-page: var(--dur-slow);            /* full-page canvas zoom @kind other */
}

[data-theme="dark"] {
  --scrim: rgba(0, 0, 0, 0.55);
}