:root[data-theme="winter"] {
  --color-primary: #0E4F5F;   /* kallare djup teal */
  --color-secondary: #A3D4D9; /* frostig ljusblågrön */
  --color-bg: #F7F9FB;        /* vinterljus bakgrund */
  --color-text: #2E2E2E;

  --color-primary-hover: color-mix(in srgb, var(--color-primary) 88%, white);
  --color-primary-active: color-mix(in srgb, var(--color-primary) 92%, black);
}