/**
 * Tokanban Design Tokens — CSS Custom Properties
 * Source: spec/DESIGN_BRIEF.md
 */

:root {
  /* ── Text Colors ── */
  --color-text-primary: #0F172A;
  --color-text-secondary: #475569;
  --color-text-muted: #94A3B8;
  --color-text-inverse: #FFFFFF;

  /* ── Status Colors ── */
  --color-status-success: #10B981;
  --color-status-warning: #F59E0B;
  --color-status-error: #EF4444;
  --color-status-info: #3B82F6;

  /* ── Priority Colors ── */
  --color-priority-urgent: #EF4444;
  --color-priority-high: #F59E0B;
  --color-priority-medium: #10B981;
  --color-priority-low: #94A3B8;
  --color-priority-none: #CBD5E0;

  /* ── Surface Colors ── */
  --color-surface-base: #FFFFFF;
  --color-surface-raised: #F8FAFC;
  --color-surface-border: #E2E8F0;

  /* ── Typography ── */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* ── Font Sizes ── */
  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-lg: 18px;
  --text-xl: 24px;
  --text-2xl: 32px;

  /* ── Spacing ── */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* ── Layout ── */
  --max-content-width: 1200px;
  --border-radius: 4px;
}