:root {
  /* Brand */
  --color-primary: #185FA5;
  --color-primary-dark: #0C447C;
  --color-primary-light: #E6F1FB;

  /* Semantic */
  --color-success: #0F6E56;
  --color-success-light: #E1F5EE;
  --color-warning: #854F0B;
  --color-warning-light: #FAEEDA;
  --color-danger: #A32D2D;
  --color-danger-light: #FCEBEB;
  --color-info: #185FA5;
  --color-info-light: #E6F1FB;

  /* Neutrals */
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #5F5E5A;
  --color-text-muted: #8A8A85;
  --color-border: #E5E4DE;
  --color-surface: #FFFFFF;
  --color-surface-muted: #F7F6F2;
  --color-bg: #FAFAF8;

  /* Radius & shadow */
  --radius-card: 16px;
  --radius-control: 10px;
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-card-hover: 0 4px 12px rgba(0,0,0,0.08);

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
  --text-h1: 32px;
  --text-h2: 24px;
  --text-h3: 18px;
  --text-body: 15px;
  --text-small: 13px;
  --text-tag: 12px;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  --container-max: 1280px;
}