:root {
  --color-primary: #1F6FEB;
  --color-primary-dark: #0B3FA8;
  --color-primary-soft: #EAF2FF;
  --color-background: #F5F7FA;
  --color-text: #0F172A;
  --color-muted: #64748B;
  --color-border: #E2E8F0;
  --color-success: #16A34A;
  --color-warning: #F59E0B;
  --color-danger: #DC2626;
  --color-info: #0EA5E9;
  --color-surface: #FFFFFF;

  --radius-card: 16px;
  --radius-pill: 999px;
  --shadow-soft: 0 4px 16px rgba(15, 23, 42, 0.08);

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --nav-height: 64px;
  --topbar-height: 56px;
}