/* Forta Pay · designtokens — GENERERET af scripts/fp_design_byg.py. Redigér ikke i hånden. */
/* Farver er RGB-kanaler, så både CSS (rgb(var(--fp-primaer))) og Tailwind (/<alpha-value>) kan bruge dem. */
:root {
  --fp-skrift-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fp-skrift-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', Consolas, monospace;
  --fp-tekst-xs: 0.75rem; --fp-lh-xs: 1.35; --fp-ls-xs: 0.01em;
  --fp-tekst-sm: 0.8125rem; --fp-lh-sm: 1.45; --fp-ls-sm: 0em;
  --fp-tekst-base: 0.875rem; --fp-lh-base: 1.55; --fp-ls-base: 0em;
  --fp-tekst-md: 1rem; --fp-lh-md: 1.55; --fp-ls-md: 0em;
  --fp-tekst-lg: 1.125rem; --fp-lh-lg: 1.45; --fp-ls-lg: -0.005em;
  --fp-tekst-xl: 1.375rem; --fp-lh-xl: 1.3; --fp-ls-xl: -0.015em;
  --fp-tekst-2xl: 1.75rem; --fp-lh-2xl: 1.2; --fp-ls-2xl: -0.02em;
  --fp-tekst-3xl: 2.25rem; --fp-lh-3xl: 1.1; --fp-ls-3xl: -0.025em;
  --fp-tekst-4xl: 3rem; --fp-lh-4xl: 1.05; --fp-ls-4xl: -0.03em;
  --fp-tekst-5xl: 4rem; --fp-lh-5xl: 1.0; --fp-ls-5xl: -0.035em;
  --fp-radius-xs: 4px;
  --fp-radius-sm: 6px;
  --fp-radius-md: 10px;
  --fp-radius-lg: 14px;
  --fp-radius-xl: 20px;
  --fp-radius-2xl: 28px;
  --fp-radius-fuld: 9999px;
  --fp-tid-hurtig: 120ms;
  --fp-tid-normal: 200ms;
  --fp-tid-langsom: 360ms;
  --fp-tid-fejring: 900ms;
  --fp-kurve-ud: cubic-bezier(.2, .8, .2, 1);
  --fp-kurve-ind-ud: cubic-bezier(.65, 0, .35, 1);
  --fp-kurve-fjeder: cubic-bezier(.34, 1.56, .64, 1);
  --fp-bg: 246 248 248;
  --fp-flade: 255 255 255;
  --fp-flade-2: 241 244 244;
  --fp-flade-3: 232 236 236;
  --fp-kant: 225 230 230;
  --fp-kant-staerk: 127 142 144;
  --fp-tekst: 18 26 28;
  --fp-tekst-2: 54 67 70;
  --fp-tekst-svag: 92 109 112;
  --fp-primaer: 126 46 152;
  --fp-primaer-hover: 104 34 127;
  --fp-primaer-flade: 245 234 249;
  --fp-paa-primaer: 255 255 255;
  --fp-link: 126 46 152;
  --fp-fokus: 160 63 191;
  --fp-accent: 199 125 235;
  --fp-accent-tekst: 126 46 152;
  --fp-ok: 15 123 74;
  --fp-ok-flade: 229 245 236;
  --fp-advarsel: 161 92 0;
  --fp-advarsel-flade: 255 243 219;
  --fp-fare: 194 40 58;
  --fp-fare-flade: 252 233 235;
  --fp-info: 47 91 211;
  --fp-info-flade: 233 239 253;
  --fp-neutral: 76 92 95;
  --fp-neutral-flade: 238 241 241;
  --fp-sidebar: 38 16 46;
  --fp-sidebar-tekst: 220 205 226;
  --fp-sidebar-aktiv: 255 255 255;
  --fp-sidebar-flade: 58 26 71;
  --fp-kode-streng: 227 190 255;
  --fp-kode-tal: 242 181 74;
  --fp-diagram-1: 126 46 152;
  --fp-diagram-2: 17 124 138;
  --fp-diagram-3: 194 124 0;
  --fp-diagram-4: 47 91 211;
  --fp-diagram-5: 208 74 104;
  --fp-diagram-6: 92 109 112;
  --fp-skygge-1: 0 1px 2px rgb(6 37 42 / 0.06), 0 1px 1px rgb(6 37 42 / 0.04);
  --fp-skygge-2: 0 2px 4px rgb(6 37 42 / 0.06), 0 8px 24px -6px rgb(6 37 42 / 0.12);
  --fp-skygge-3: 0 12px 32px -8px rgb(6 37 42 / 0.22), 0 4px 8px rgb(6 37 42 / 0.06);
  --fp-skygge-glod: 0 0 0 6px rgb(47 214 170 / 0.18), 0 0 32px rgb(47 214 170 / 0.35);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="lys"]) {
    --fp-bg: 11 17 19;
    --fp-flade: 18 26 28;
    --fp-flade-2: 24 34 36;
    --fp-flade-3: 31 43 46;
    --fp-kant: 38 51 54;
    --fp-kant-staerk: 110 128 131;
    --fp-tekst: 230 236 236;
    --fp-tekst-2: 195 207 208;
    --fp-tekst-svag: 154 170 172;
    --fp-primaer: 217 168 255;
    --fp-primaer-hover: 232 201 255;
    --fp-primaer-flade: 45 23 54;
    --fp-paa-primaer: 42 14 53;
    --fp-link: 217 168 255;
    --fp-fokus: 217 168 255;
    --fp-accent: 217 168 255;
    --fp-accent-tekst: 217 168 255;
    --fp-ok: 79 208 143;
    --fp-ok-flade: 14 51 36;
    --fp-advarsel: 242 181 74;
    --fp-advarsel-flade: 58 42 11;
    --fp-fare: 255 138 149;
    --fp-fare-flade: 61 20 24;
    --fp-info: 143 174 255;
    --fp-info-flade: 22 34 74;
    --fp-neutral: 170 184 186;
    --fp-neutral-flade: 31 43 46;
    --fp-sidebar: 20 11 24;
    --fp-sidebar-tekst: 200 186 205;
    --fp-sidebar-aktiv: 255 255 255;
    --fp-sidebar-flade: 38 26 43;
    --fp-kode-streng: 227 190 255;
    --fp-kode-tal: 242 181 74;
    --fp-diagram-1: 217 168 255;
    --fp-diagram-2: 77 184 196;
    --fp-diagram-3: 242 181 74;
    --fp-diagram-4: 143 174 255;
    --fp-diagram-5: 255 143 163;
    --fp-diagram-6: 154 170 172;
    --fp-skygge-1: 0 1px 2px rgb(0 0 0 / 0.5);
    --fp-skygge-2: 0 2px 4px rgb(0 0 0 / 0.4), 0 8px 24px -6px rgb(0 0 0 / 0.6);
    --fp-skygge-3: 0 16px 40px -8px rgb(0 0 0 / 0.7), 0 0 0 1px rgb(255 255 255 / 0.04);
    --fp-skygge-glod: 0 0 0 6px rgb(61 224 181 / 0.16), 0 0 40px rgb(61 224 181 / 0.30);
    color-scheme: dark;
  }
}
:root[data-tema="moerk"] {
  --fp-bg: 11 17 19;
  --fp-flade: 18 26 28;
  --fp-flade-2: 24 34 36;
  --fp-flade-3: 31 43 46;
  --fp-kant: 38 51 54;
  --fp-kant-staerk: 110 128 131;
  --fp-tekst: 230 236 236;
  --fp-tekst-2: 195 207 208;
  --fp-tekst-svag: 154 170 172;
  --fp-primaer: 217 168 255;
  --fp-primaer-hover: 232 201 255;
  --fp-primaer-flade: 45 23 54;
  --fp-paa-primaer: 42 14 53;
  --fp-link: 217 168 255;
  --fp-fokus: 217 168 255;
  --fp-accent: 217 168 255;
  --fp-accent-tekst: 217 168 255;
  --fp-ok: 79 208 143;
  --fp-ok-flade: 14 51 36;
  --fp-advarsel: 242 181 74;
  --fp-advarsel-flade: 58 42 11;
  --fp-fare: 255 138 149;
  --fp-fare-flade: 61 20 24;
  --fp-info: 143 174 255;
  --fp-info-flade: 22 34 74;
  --fp-neutral: 170 184 186;
  --fp-neutral-flade: 31 43 46;
  --fp-sidebar: 20 11 24;
  --fp-sidebar-tekst: 200 186 205;
  --fp-sidebar-aktiv: 255 255 255;
  --fp-sidebar-flade: 38 26 43;
  --fp-kode-streng: 227 190 255;
  --fp-kode-tal: 242 181 74;
  --fp-diagram-1: 217 168 255;
  --fp-diagram-2: 77 184 196;
  --fp-diagram-3: 242 181 74;
  --fp-diagram-4: 143 174 255;
  --fp-diagram-5: 255 143 163;
  --fp-diagram-6: 154 170 172;
  --fp-skygge-1: 0 1px 2px rgb(0 0 0 / 0.5);
  --fp-skygge-2: 0 2px 4px rgb(0 0 0 / 0.4), 0 8px 24px -6px rgb(0 0 0 / 0.6);
  --fp-skygge-3: 0 16px 40px -8px rgb(0 0 0 / 0.7), 0 0 0 1px rgb(255 255 255 / 0.04);
  --fp-skygge-glod: 0 0 0 6px rgb(61 224 181 / 0.16), 0 0 40px rgb(61 224 181 / 0.30);
  color-scheme: dark;
}
/* B1: et UNDERTRÆ låst til lyst — skallens indholdsramme på en side der endnu ikke er flyttet (B4). Står på et element
   og ikke på <html>, fordi hx-boost kun bytter <body>'s indhold: en lås på <html> ville følge med til næste side. */
[data-tema="lys"]:not(:root) {
  --fp-bg: 246 248 248;
  --fp-flade: 255 255 255;
  --fp-flade-2: 241 244 244;
  --fp-flade-3: 232 236 236;
  --fp-kant: 225 230 230;
  --fp-kant-staerk: 127 142 144;
  --fp-tekst: 18 26 28;
  --fp-tekst-2: 54 67 70;
  --fp-tekst-svag: 92 109 112;
  --fp-primaer: 126 46 152;
  --fp-primaer-hover: 104 34 127;
  --fp-primaer-flade: 245 234 249;
  --fp-paa-primaer: 255 255 255;
  --fp-link: 126 46 152;
  --fp-fokus: 160 63 191;
  --fp-accent: 199 125 235;
  --fp-accent-tekst: 126 46 152;
  --fp-ok: 15 123 74;
  --fp-ok-flade: 229 245 236;
  --fp-advarsel: 161 92 0;
  --fp-advarsel-flade: 255 243 219;
  --fp-fare: 194 40 58;
  --fp-fare-flade: 252 233 235;
  --fp-info: 47 91 211;
  --fp-info-flade: 233 239 253;
  --fp-neutral: 76 92 95;
  --fp-neutral-flade: 238 241 241;
  --fp-sidebar: 38 16 46;
  --fp-sidebar-tekst: 220 205 226;
  --fp-sidebar-aktiv: 255 255 255;
  --fp-sidebar-flade: 58 26 71;
  --fp-kode-streng: 227 190 255;
  --fp-kode-tal: 242 181 74;
  --fp-diagram-1: 126 46 152;
  --fp-diagram-2: 17 124 138;
  --fp-diagram-3: 194 124 0;
  --fp-diagram-4: 47 91 211;
  --fp-diagram-5: 208 74 104;
  --fp-diagram-6: 92 109 112;
  --fp-skygge-1: 0 1px 2px rgb(6 37 42 / 0.06), 0 1px 1px rgb(6 37 42 / 0.04);
  --fp-skygge-2: 0 2px 4px rgb(6 37 42 / 0.06), 0 8px 24px -6px rgb(6 37 42 / 0.12);
  --fp-skygge-3: 0 12px 32px -8px rgb(6 37 42 / 0.22), 0 4px 8px rgb(6 37 42 / 0.06);
  --fp-skygge-glod: 0 0 0 6px rgb(47 214 170 / 0.18), 0 0 32px rgb(47 214 170 / 0.35);
  color-scheme: light;
}
@media (prefers-reduced-motion: reduce) {
  :root { --fp-tid-hurtig: 0ms; --fp-tid-normal: 0ms; --fp-tid-langsom: 0ms; --fp-tid-fejring: 0ms; }
}