/* COSMOS is the authoritative token system. Legacy aliases bridge existing widgets
   while their layouts are replaced; they do not constitute a completed redesign. */
:root {
  --cosmos-void: #06090d;
  --cosmos-cozy-paper: #f1eee6;
  --cosmos-cozy-soft: #cdc9c0;
  --cosmos-cozy-night: #101216;
  --cosmos-cozy-panel: #171b21;
  --cosmos-night: #0c1219;
  --cosmos-panel: #101820;
  --cosmos-raised: #1a2630;
  --cosmos-paper: #eeede6;
  --cosmos-soft: #c4ced1;
  --cosmos-muted: #a8b4bc;
  --cosmos-faint: #82919a;
  --cosmos-line: #25313a;
  --cosmos-line-strong: #435967;
  --cosmos-sky: #a8d2e6;
  --cosmos-signal: #8ad7df;
  --cosmos-warm: #d7ae78;
  --cosmos-exposure: #dce9e9;
  --cosmos-ash: #141b21;
  --cosmos-cinema: #0b0a0b;
  --cosmos-path: #7caec2;
  --cosmos-focus: #bfe6f6;
  --cosmos-shadow-near: 0 18px 36px #01030694;
  --cosmos-shadow-far: 0 38px 100px #0103067d;
  --cosmos-positive: #9ecdb6;
  --cosmos-negative: #e9a7a0;
  --cosmos-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cosmos-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --cosmos-reading: 48rem;
  --cosmos-page-width: 1380px;
  --cosmos-gutter: clamp(22px, 5vw, 88px);
  --cosmos-radius-control: 7px;
  --cosmos-radius-panel: 12px;
  --cosmos-shadow: 0 28px 96px #0009;
  --cosmos-instant: 120ms;
  --cosmos-responsive: 220ms;
  --cosmos-spatial: 420ms;
  --cosmos-cinematic: 1000ms;
  --cosmos-ease: cubic-bezier(.2, .8, .2, 1);
  --cosmos-ease-cinema: cubic-bezier(.22, 1, .36, 1);
  --cosmos-z-content: 1;
  --cosmos-z-navigation: 80;
  --cosmos-z-overlay: 120;
  --bg: var(--cosmos-void);
  --bg-soft: var(--cosmos-night);
  --bg-elevated: var(--cosmos-panel);
  --surface: var(--cosmos-panel);
  --surface-2: var(--cosmos-raised);
  --surface-highlight: #1c2a3d;
  --text: var(--cosmos-paper);
  --text-soft: var(--cosmos-soft);
  --text-muted: var(--cosmos-muted);
  --text-faint: var(--cosmos-faint);
  --border: var(--cosmos-line);
  --border-strong: var(--cosmos-line-strong);
  --cyan: var(--cosmos-signal);
  --blue: var(--cosmos-sky);
  --gold: var(--cosmos-warm);
  --nexus-night: var(--cosmos-void);
  --nexus-carbon: var(--cosmos-night);
  --nexus-graphite: var(--cosmos-panel);
  --nexus-elevated: var(--cosmos-raised);
  --nexus-paper: var(--cosmos-paper);
  --nexus-muted: var(--cosmos-soft);
  --nexus-faint: var(--cosmos-muted);
  --nexus-line: var(--cosmos-line);
  --nexus-line-strong: var(--cosmos-line-strong);
  --nexus-radius: var(--cosmos-radius-panel);
}
:root[data-cosmos-region="bobflix"], :root[data-cosmos-region="memories"] { --cosmos-accent: var(--cosmos-warm); }
:root[data-cosmos-region="connected"], :root[data-cosmos-region="rooms"] { --cosmos-accent: var(--cosmos-signal); }
:root { --cosmos-accent: var(--cosmos-sky); }
@media (prefers-reduced-motion: reduce) {
  :root { --cosmos-instant: 0ms; --cosmos-responsive: 0ms; --cosmos-spatial: 0ms; --cosmos-cinematic: 0ms; }
}