/* Helpia designtokens — extraherade ur tailwind.config.ts + globals.css
   Bekräftade av Yvonne 17 sep: "färgerna är bra". Ändra inte utan att fråga. */
:root{
  --bg:        #F7F9FC;  /* sidbakgrund */
  --ink:       #10243A;  /* brödtext, rubriker */
  --primary:   #195B9B;  /* knappar, länkar, accent */
  --primary-dark: #123C67;
  --primary-light:#EAF3FB; /* ljusa ytor, chips */
  /* Helpia-mötet 2 okt: grönt BEHÅLLS som kontrast men nedtonat – grågrönt/blågrönt,
     "inte sjukhusgrönt", dekor med max ~30 % opacitet. Grönt = bevis/tillväxt, blått = handling.
     #3E7D6E klarar text på ljus botten (4.8:1), #8FBFB0 på mörkblått (5.5:1). */
  --accent:        #3E7D6E;  /* bockar, badges, eyebrows på ljus botten */
  --accent-bright: #8FBFB0;  /* grönt på mörkblå botten */
  --accent-mid:    #5C9585;  /* bladet i loggan, grafik */
  --accent-light:  #EDF5F2;  /* tonade ytor */
  --leaf:          rgba(92,149,133,.3); /* dekorlinjer */
  --white:     #ffffff;
  --line:      #E2E8F0;
  --slate:     #475569;
  --slate-lt:  #56657A;
  --shadow-soft: 0 18px 50px -28px rgba(16,36,58,.28);
  --selection-bg: #CFE3F6;
  --focus-ring: 3px solid rgba(25,91,155,.35);
  --radius: 16px;
  --radius-pill: 999px;
  --container: 1400px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
::selection{background:var(--selection-bg);color:var(--primary-dark)}
:focus-visible{outline:var(--focus-ring);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Outfit (rubriker) + Figtree (text), variabla, självhostade. SIL Open Font License 1.1.
   Ladda ALDRIG via Google Fonts på helpia.se (GDPR). */
@font-face{font-family:Figtree;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/fonts/figtree-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/fonts/figtree-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Outfit;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/outfit-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Outfit;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/outfit-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}