:root {
  --color-primary: #2563eb;
  --color-primary-dark: #1d4ed8;
  --color-primary-light: #dbeafe;
  --color-success: #16a34a;
  --color-success-light: #dcfce7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  --color-background: #f1f5f9;
  --color-surface: #ffffff;
  --color-text: #1e293b;
  --color-muted: #64748b;
  --color-border: #e2e8f0;
  --color-sidebar: #0f172a;
  --shadow-small: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-large: 0 10px 25px rgba(0, 0, 0, 0.12);
  --radius-medium: 12px;
}