:root {
  --color-primary: #0e7490;
  --color-primary-strong: #155e75;
  --color-primary-hover: #155e75;
  --color-info: #0e7490;
  --color-success: #15803d;
  --color-warning: #b45309;
  --color-danger: #b91c1c;
  --color-error: #b91c1c;
  --color-bg: #f7fafc;
  --color-bg-secondary: #f1f5f9;
  --color-surface: #ffffff;
  --color-text: #0f172a;
  --color-text-primary: #0f172a;
  --color-text-secondary: #475569;
  --color-muted: #475569;
  --color-border: #cbd5e1;
  --color-success-bg: #dcfce7;
  --color-warning-bg: #fef3c7;
  --color-error-bg: #fee2e2;
  --spacing-xs: 6px;
  --spacing-sm: 10px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --font-size-sm: 13px;
  --font-size-base: 15px;
  --font-size-lg: 18px;
  --radius-sm: 8px;
  --radius-md: 12px;
}