/* Companion v1. Reference interpretation, not sampled brand colors. */
:root {
  --ds-neutral-950: #12131a;
  --ds-neutral-700: #535561;
  --ds-neutral-100: #f4f4f6;
  --ds-danger: #d92d42;
  --ds-danger-hover: #b82236;
  --ds-radius-panel: 16px;
  --ds-radius-control: 12px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-8: 32px;
  --ds-duration-fast: 180ms;
  --ds-duration-panel: 320ms;
  --ds-duration-scene: 420ms;
  --ds-ease: cubic-bezier(.16,1,.3,1);
}
[data-theme="realism"] {
  color-scheme: light;
  --ds-bg: #fffdf6;
  --ds-surface: #fff5cc;
  --ds-accent: #f3e6a0;
  --ds-accent-hover: #fff7d6;
  --ds-on-accent: #302b1e;
  --ds-text: #302b1e;
  --ds-muted: #6b624b;
  --ds-line: transparent;
  --ds-panel: rgba(255,253,246,.94);
  --ds-focus: #78651e;
  --ds-character-bubble: #fff0b5;
  --ds-user-bubble: #efede7;
  --ds-bubble-text: #302b1e;
  --ds-glow: rgba(255,253,237,.24);
  --ds-interactive-gradient: linear-gradient(135deg, #F3E6A0, #FFFBE8);
}
[data-theme="subculture"] {
  color-scheme: dark;
  --ds-bg: #101426;
  --ds-surface: #1b223e;
  --ds-accent: #a2a7ee;
  --ds-accent-hover: #b6baf5;
  --ds-on-accent: #151a32;
  --ds-text: #f1f2fc;
  --ds-muted: #b3b9d3;
  --ds-line: #434e72;
  --ds-panel: rgba(16,20,38,.94);
  --ds-focus: #c8ccff;
  --ds-character-bubble: #333d69;
  --ds-user-bubble: #292e3e;
  --ds-bubble-text: #f1f2fc;
  --ds-glow: rgba(113,126,215,.18);
}