/*
  Genei — themes.css
  This file now ALIASES the canonical tokens in genie-tokens.css.
  Short var names (--bg, --text, etc.) are kept for backward compatibility
  with genei.css. New code MUST use the full --color-* / --space-* / --text-*
  tokens from genie-tokens.css directly. See context/rules/genie-design.md.

  Day = default, Night = [data-theme="night"]
  Both rely entirely on genie-tokens.css for the actual color values.
*/

:root,
[data-theme="day"],
[data-theme="night"] {
  --bg:         var(--color-bg);
  --surface:    var(--color-surface);
  --surface2:   var(--color-surface-2);
  --border:     var(--color-border);
  --accent:     var(--color-accent);
  --accent-dim: var(--color-accent-dim);
  --text:       var(--color-text);
  --muted:      var(--color-muted);
  --success:    var(--color-success);
  --error:      var(--color-error);
  --warning:    var(--color-warning);
  --topbar-bg:  var(--color-topbar);
}

/* Scrollbar shade is the only value not covered by the canonical tokens. */
:root,
[data-theme="day"] {
  --scrollbar: #CBD5E1;
}
[data-theme="night"] {
  --scrollbar: #334155;
}