/* FAU Førde barneskule — generert frå design-system/tokens.json. Ikkje rediger for hand. */
@font-face{font-family:"Fredoka";src:url("/fonts/fredoka-latin-wght-normal.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap;}
@font-face{font-family:"Figtree";src:url("/fonts/figtree-latin-wght-normal.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap;}
:root{
  --surface:#fffdf8;
  --surface-raised:#ffffff;
  --surface-sunken:#f1f8f6;
  --ink:#12343b;
  --ink-muted:#456770;
  --border:#cfe2df;
  --border-strong:#6f9a98;
  --brand:#0c7c82;
  --on-brand:#ffffff;
  --brand-deep:#0a5560;
  --brand-tint:#d6f2ef;
  --brand-wash:#ecf8f6;
  --aqua:#3cc9c0;
  --sun:#ffc93c;
  --on-sun:var(--ink);
  --sun-tint:#fff0bd;
  --coral:#ff7a66;
  --coral-deep:#b93a28;
  --coral-tint:#ffe2dc;
  --leaf:#7ccf6e;
  --leaf-deep:#2a7a3b;
  --leaf-tint:#e0f5da;
  --sky:#7cc6f2;
  --sky-deep:#1f6491;
  --sky-tint:#dcf0fc;
  --focus:var(--brand-deep);
  --font-display:"Fredoka", "Trebuchet MS", system-ui, sans-serif;
  --font-sans:"Figtree", system-ui, "Segoe UI", Arial, sans-serif;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:24px;
  --radius-xl:36px;
  --radius-pill:999px;
  --shadow-soft:0 2px 8px rgba(18,52,59,0.08);
  --shadow-lift:0 14px 28px -10px rgba(18,52,59,0.22);
  --shadow-sticker:0 4px 0 #0a5560;
  --shadow-sticker-sun:0 4px 0 #c99410;
  --container-max:1160px;
  --measure:68ch;
  --gutter:24px;
}
.display-xl{font-family:var(--font-display);font-size:64px;line-height:68px;font-weight:700;letter-spacing:-0.01em;}
.display-lg{font-family:var(--font-display);font-size:48px;line-height:54px;font-weight:600;letter-spacing:-0.01em;}
.h1{font-family:var(--font-display);font-size:36px;line-height:42px;font-weight:600;}
.h2{font-family:var(--font-display);font-size:28px;line-height:34px;font-weight:600;}
.h3{font-family:var(--font-display);font-size:22px;line-height:28px;font-weight:600;}
.button{font-family:var(--font-display);font-size:16px;line-height:20px;font-weight:600;letter-spacing:0.01em;}
.body-lg{font-family:var(--font-sans);font-size:18px;line-height:28px;font-weight:400;}
.body{font-family:var(--font-sans);font-size:16px;line-height:26px;font-weight:400;}
.body-sm{font-family:var(--font-sans);font-size:14px;line-height:22px;font-weight:400;}
.label{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:700;letter-spacing:0.01em;}
.caption{font-family:var(--font-sans);font-size:13px;line-height:18px;font-weight:500;}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}