:root {
  --color-primary: #0B1F3A;
  --color-primary-soft: #123B66;
  --color-accent: #00B8D9;
  --color-bg: #F5F7FA;
  --color-surface: #FFFFFF;
  --color-border: #DDE3EA;
  --color-text: #17202A;
  --color-muted: #6B7280;
  --color-success: #0E9F6E;
  --color-warning: #B7791F;
  --color-danger: #C53030;
  --color-info: #2563EB;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.08);
  --sidebar-width: 280px;
  --topbar-height: 64px;
}