/* GENERATED by scripts/website-tokens.ts — do not edit.
 * The source is app/src/theme.css. Change it there and run `just website-tokens`.
 */

/* FONTS:START — generated by scripts/fonts-refresh.mjs */
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url('/fonts/fraunces-latin-ext-437e9d07.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;
}

/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url('/fonts/fraunces-latin-e10563a8.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;
}

/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/fraunces-latin-ext-7cdca5ec.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;
}

/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/fraunces-latin-6a837066.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;
}

/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/karla-latin-ext-9e8853af.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;
}

/* latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/karla-latin-ee60be3a.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;
}

/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/karla-latin-ext-9e8853af.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;
}

/* latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/karla-latin-ee60be3a.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;
}

/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/karla-latin-ext-9e8853af.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;
}

/* latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/karla-latin-ee60be3a.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;
}

:root {
  --linnen: #f5efe3;
  --room: #fdfbf5;
  --salie: #8fa284;
  --salie-diep: #54654c;
  --inkt: #343a2f;
  --zacht: #636a5b;
  --plaatshouder: #7e8375;
  --lijn: #e2d9c6;
  --knop: #54654c;
  --knop-tekst: #fdfbf5;
  --terra: #c0796a;
  --terra-diep: #9e5745;
  --terra-op: #fdfbf5;
  --blush: #eac3b5;
  --amber: #b9803f;
  --amber-tekst: #8c5a26;
  --amber-vlak: #f3e6d2;
  --amber-knop: #8c5a26;
  --amber-knop-tekst: #fdfbf5;
  --tegel: #efe7d8;
  --schaduw: 0 2px 10px rgb(52 58 47 / 7%);
  --nav: #fdfbf5;
  --nav-vandaag: #54654c;
  --nav-wgt: #9e5745;
  --nav-bib: #6e5a3a;
  --nav-hulp: #8c5a26;
  --nav-zorg: #4a6360;
  --nav-vandaag-vlak: #e6e9dc;
  --nav-wgt-vlak: #f1dfd8;
  --nav-bib-vlak: #ece3d1;
  --nav-hulp-vlak: #f3e6d2;
  --nav-zorg-vlak: #dfe8e6;
}


/* Site names for the handover's vocabulary. No new values — see the script. */
:root {
  --site-actie: var(--terra-diep); /* handover: "terra" — the only primary action */
  --site-actie-rand: var(--terra); /* handover: "terra-licht" — outline buttons */
  --site-blush: var(--nav-wgt-vlak); /* handover: "blush" #f1dfd8 — chips, step numbers */
  --site-blush-accent: var(--blush); /* handover: "accent" #eac3b5 — avatar ring */
  --site-ok-vlak: var(--nav-vandaag-vlak); /* handover: "salie-vlak" — success ground */
  --site-ok-tekst: var(--salie-diep); /* handover: "salie-diep" — success text */
}