:root {
  --color-brand: #1e40af;
  --color-primary: #1e40af;
  --color-primary-foreground: #ffffff;
  --color-secondary: #7c3aed;
  --color-secondary-foreground: #ffffff;
  --color-accent: #f59e0b;
  --color-accent-foreground: #0c0a09;

  --color-surface: #f6f6f6;
  --color-surface-raised: #ffffff;
  --color-surface-sunken: #e6e6e6;
  --color-text: #0f172a;
  --color-text-muted: #3d4453;
  --color-border: #ccced1;
  --color-border-strong: #777b86;

  --color-success: #059669;
  --color-success-foreground: #0c0a09;
  --color-warning: #d97706;
  --color-warning-foreground: #0c0a09;
  --color-danger: #dc2626;
  --color-danger-foreground: #ffffff;
  --color-info: #2563eb;
  --color-info-foreground: #ffffff;

  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --app-base-size: 1rem;
}