/* Werang design tokens SSOT — Quicken-hybrid light default (2026-07-18)
   Spec: docs/superpowers/specs/2026-07-18-quicken-hybrid-ui-design.md
   Light default; dark via prefers-color-scheme. Primary: #3b82f6
*/

:root {
  --color-bg: #f5f5f7;
  --color-surface: #ffffff;
  --color-text: #0f172a;
  --color-text-muted: #64748b;
  --color-border: #e5e7eb;
  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-danger: #ef4444;
  --color-success: #10b981;
  --color-warning: #f59e0b;

  --radius: 14px;
  --radius-card: 14px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;

  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow: var(--shadow-card-hover);

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;

  /* Legacy bridges — existing components use these names */
  --bg: var(--color-bg);
  --surface: var(--color-surface);
  --text: var(--color-text);
  --text-muted: var(--color-text-muted);
  --border: var(--color-border);
  --primary: var(--color-primary);
  --primary-h: var(--color-primary-hover);
  --danger: var(--color-danger);
  --success: var(--color-success);
  --warning: var(--color-warning);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #121214;
    --color-surface: #1e2022;
    --color-text: #e8eaed;
    --color-text-muted: #9ca3af;
    --color-border: rgba(255, 255, 255, 0.08);
    --color-primary: #3b82f6;
    --color-primary-hover: #60a5fa;
    --color-danger: #f87171;
    --color-success: #34d399;
    --color-warning: #fbbf24;
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.24);
    --shadow-card-hover: 0 12px 40px rgba(59, 130, 246, 0.2);
  }
}