/* VIOLET COMPANION - design tokens.
   ONE BRAND, ONE LOOK: these are the MASTER'S tokens, copied VERBATIM from
   apps/web/styles.css :root (and its [data-theme="light"] variant). The commercial
   companion must look identical to the master. Do NOT diverge - no new colors, no
   "consumer" palette. If the master's tokens change, mirror them here. */

:root {
  --bg: #0c0c11;
  --surface: #14141b;
  --surface-2: #1b1b24;
  --surface-3: #232330;
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.16);
  --text: #e9e9f0;
  --muted: #9b9baa;
  --faint: #6e6e7e;
  --accent: #8b6dff;
  --accent-press: #a98fff;
  --accent-soft: rgba(139, 109, 255, 0.14);
  --ok: #57c9a6;
  --warn: #e0b25a;
  --danger: #e2685f;
  --cool: #58a8e6; /* privacy: restricted / local-only */

  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  /* Font for Violet's written responses (Talk replies + MindSpace reflections). */
  --response: "Noto Sans JP", var(--sans);

  --r-sm: 7px;
  --r: 11px;
  --r-lg: 16px;
  --shadow: 0 1px 0 rgba(255, 255, 255, 0.03), 0 12px 40px rgba(0, 0, 0, 0.45);
  --t: 180ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

[data-theme="light"] {
  --bg: #f6f5f4;
  --surface: #ffffff;
  --surface-2: #f1f0f3;
  --surface-3: #e9e8ee;
  --line: rgba(20, 18, 30, 0.1);
  --line-strong: rgba(20, 18, 30, 0.18);
  --text: #1c1a24;
  --muted: #5e5b6c;
  --faint: #8a8794;
  --accent: #6a4df0;
  --accent-press: #5a3fd6;
  --accent-soft: rgba(106, 77, 240, 0.1);
  --shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 14px 40px rgba(40, 30, 70, 0.12);
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}