/* Cyber-Bento Horizon: Design Tokens (stitch-kit generated) */
:root {
  --bg-app: #090A0F;
  --bg-panel: #11131A;
  --bg-surface-elevated: #151822;
  --bg-hover: #181B26;
  --bg-active: #1F2433;
  --border-subtle: #1E2230;
  --border-active: #2F364A;
  --border-glow: rgba(16, 185, 129, 0.25);
  --border-cyan-glow: rgba(6, 182, 212, 0.25);

  --text-main: #F8FAFC;
  --text-muted: #94A3B8;
  --text-dim: #64748B;

  --color-primary: #10B981;
  --color-primary-dim: rgba(16, 185, 129, 0.12);
  --color-secondary: #06B6D4;
  --color-secondary-dim: rgba(6, 182, 212, 0.12);
  --color-warning: #F59E0B;
  --color-warning-dim: rgba(245, 158, 11, 0.12);
  --color-error: #EF4444;
  --color-error-dim: rgba(239, 68, 68, 0.12);

  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', Menlo, monospace;

  --radius-card: 8px;
  --radius-btn: 6px;
  --radius-pill: 9999px;

  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 20px rgba(16, 185, 129, 0.15);
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}