/* prism · 棱镜 — Design tokens v0.10
 * Dark-first. Single accent: mint green #3ce6ac.
 * Inter + JetBrains Mono + Source Serif 4. */

:root {
  /* Surfaces — dark canvas with subtle elevation layers */
  --bg: #0a0a0a;
  --bg-panel: #0a0a0a;
  --bg-subtle: #141414;
  --bg-elevated: #1c1c1c;
  --bg-raised: #222222;

  /* Text — white-to-grey scale on dark */
  --text: #f4f4f2;
  --text-muted: #8a8a84;
  --text-faint: #555552;

  /* Accent — the only color. mint green. */
  --accent: #3ce6ac;
  --accent-hover: #54ecb9;
  --accent-soft: #103a2c;
  --accent-fg: #0b0b0b;
  --accent-glow: 0 0 12px rgba(60, 230, 172, 0.25);

  /* Border — warm dark hairline */
  --border: #222222;
  --border-strong: #333333;
  --border-accent: #2a3a32;

  /* Status */
  --green: #3ce6ac;
  --green-bg: #103a2c;
  --blue: #4da6ff;
  --blue-bg: #102a44;
  --red: #e5484d;
  --red-bg: #3a1a1b;
  --amber: #e6a840;
  --amber-bg: #3a2c0d;

  /* Selected / user chat bubbles */
  --selected: #1c1c1c;
  --selected-fg: #f4f4f2;

  /* Radii */
  --radius-sm: 8px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Shadows — restrained, dark-context */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.6);

  /* Typography */
  --font-sans: 'Inter', -apple-system, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  --font-serif: 'Source Serif 4', Georgia, serif;
}