:root {
  /* Primär — djup Upplandsblå */
  --color-primary-900: #0f1a2e;
  --color-primary-800: #1b2a4a;
  --color-primary-700: #243656;

  /* Accent — varm mässing/guld */
  --color-accent-600: #a88b3a;
  --color-accent-500: #c8a951;
  --color-accent-100: #f5edd4;

  /* Natur */
  --color-nature-700: #2d5a45;
  --color-nature-100: #e8f2ec;

  /* Neutrala */
  --color-bg: #f7f4ee;
  --color-surface: #ffffff;
  --color-text: #2a2a2a;
  --color-text-muted: #5c6370;
  --color-border: #ddd8ce;

  /* Semantik */
  --color-success: #2e7d32;
  --color-error: #b3261e;
  --color-focus: #1b2a4a;

  /* Legacy aliases */
  --blue: var(--color-primary-800);
  --gold: var(--color-accent-500);
  --bg: var(--color-bg);

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 6rem;

  --container-max: 1200px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --shadow-card: 0 2px 12px rgba(15, 26, 46, 0.08);
}