/* Design tokens. One bright accent on near-black, like a pro editor. */
:root {
  --bg: #0f0f0f;
  --panel: #1a1a1a;
  --panel-2: #232323;
  --panel-3: #2c2c2c;
  --divider: rgba(255, 255, 255, 0.08);
  --text: #f5f5f5;
  --text-2: rgba(245, 245, 245, 0.62);
  --text-3: rgba(245, 245, 245, 0.38);
  --accent: #1ee6c8;
  --accent-ink: #04201c;
  --danger: #ff5b5b;
  --radius: 12px;
  --radius-sm: 8px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --t-fast: 150ms;
  --t-med: 200ms;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  color-scheme: dark;
}