:root {
  --color-primary: #1a3a52;
  --color-primary-light: #2a5278;
  --color-secondary: #d4a574;
  --color-success: #27ae60;
  --color-warning: #e67e22;
  --color-error: #c0392b;
  --color-info: #2980b9;

  --color-bg: #f4f6f9;
  --color-surface: #ffffff;
  --color-surface-alt: #f8f9fa;
  --color-border: #e0e6ed;
  --color-text: #2c3e50;
  --color-text-secondary: #6c7a89;
  --color-text-muted: #95a5a6;

  --font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-base: 14px;
  --font-size-md: 15px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

  --transition: 0.2s ease;
  --sidebar-width: 220px;
  --header-height: 60px;
}