/* Designtokens — se README.md "Designtokens". Enda källan till sanning för
   färg/typografi/spacing. Ändra här, inte i enskilda komponentfiler. */

:root {
  /* Färger */
  --ff-blue: #1B75BB;
  /* Mycket ljus/subtil ton av --ff-blue - används som topp-bakgrundsfärg
     på moduler som behöver extra visuell tyngd på rubriken (t.ex.
     UTBILDNINGAR, se .ff-module--emphasized i modules.css). Kundens
     instruktion 2026-09-03: "gärna subtil, kanske i blått". */
  --ff-blue-tint: #EAF3FA;
  --ff-green: #4CAF50;
  --ff-green-hover: #66BB6A;
  --ff-green-light: #A5E5A8;
  /* Mörkare nyans än --ff-green - används för knappar som annars skulle
     smälta ihop med en --ff-green-bakgrund (t.ex. "Skicka tips"-knappen
     i modules.css, kundens rättning 2026-09-03). */
  --ff-green-dark: #2E7D32;
  --ff-dark: #14201A;
  --ff-text-secondary: #3E4B44;
  --ff-text-soft: #5C6B62;
  --ff-text-meta: #6B7A71;
  --ff-text-placeholder: #8A968E;
  --ff-body-bg: rgb(252, 252, 252);
  --ff-card-bg: #ffffff;
  --ff-border: #E2E5DF;
  --ff-border-weak: #EFF1ED;
  --ff-border-logo: #E8EBE5;
  --ff-divider: #DDE2DA;
  --ff-hover-row: #F7F9F6;
  --ff-hover-dropdown: #F4F7F2;
  --ff-image-placeholder: #eef1ec;
  --ff-input-border: #C7CFC6;
  --ff-body-copy: #23302A;
  --ff-card-copy: #4A574F;

  /* Typografi */
  --ff-font-serif: 'Source Serif 4', Georgia, serif;
  --ff-font-sans: Archivo, system-ui, sans-serif;
  --ff-font-mono: 'IBM Plex Mono', monospace;

  /* Layout */
  --ff-container-max: 1680px;
  --ff-container-min: 1240px;
  --ff-container-pad: 32px;
  --ff-grid-cols: minmax(420px, 1fr) 300px 300px;
  --ff-grid-col-gap: 20px;
  --ff-grid-row-gap: 40px;

  /* Övrigt */
  --ff-shadow-dropdown: 0 18px 40px rgba(20, 32, 26, 0.14);
  --ff-transition-fast: 180ms ease;
  --ff-radius: 0;
  --ff-radius-control: 2px;
  --ff-radius-round: 50%;
}