/* ==============================
   Globala färgvariabler
   ============================== */
:root {
  /* Primära färger */
  --color-primary: rgb(0, 119, 198);
  --color-primary-rgb: 0 119 198;

  --color-primary-dark: rgb(0, 64, 121);
  --color-primary-dark-rgb: 0 64 121;

  --color-primary-light: rgb(77, 169, 224);
  --color-primary-light-rgb: 77 169 224;

  /* Sekundära färger */
  --color-secondary: rgb(244, 183, 30);
  --color-secondary-rgb: 244 183 30;
  --color-secondary-dark: rgb(185, 138, 21);
  --color-secondary-dark-rgb: 185 138 21;
  --color-secondary-light: rgb(252, 214, 10);
  --color-secondary-light-rgb: 252 214 10;

  /* Neutrala färger */
  --color-neutral-dark: rgb(51, 51, 51);
  --color-neutral-dark-rgb: 51 51 51;
  --color-neutral-light: rgb(245, 245, 245);
  --color-neutral-light-rgb: 245 245 245;
  --color-neutral-white: rgb(255, 255, 255);
  --color-neutral-white-rgb: 255 255 255;

  /* Accent / dämpad ton */
  --color-muted: rgb(83, 100, 93);
  --color-muted-rgb: 83 100 93;

  --surface-bg: rgb(var(--color-neutral-light-rgb) / 0.12);
  --text-default: var(--color-primary-dark);
}