/* ==========================================
   DESIGN SYSTEM & TOKENS
   ========================================== */
:root {
  /* Colors */
  --bg: #f4f5f7;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-muted: #f8fafc;
  --border: #d9dee7;
  --border-focus: #b8c0cc;
  
  --text-primary: #1f2933;
  --text-secondary: #52606d;
  --text-muted: #7b8794;
  
  --accent-green: #2f7a44;
  --accent-green-muted: rgba(47, 122, 68, 0.08);
  --accent-blue: #1a68b5;
  --accent-blue-muted: rgba(26, 104, 181, 0.08);
  --accent-gold: #a37a1a;
  --accent-gold-muted: rgba(163, 122, 26, 0.08);
  --dark-bg: #171a21;
  --dark-border: #2c313a;
  
  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  
  /* Spacing & Radius */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-xxl: 4rem;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  
  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}