/* newsreader-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 200;
  src: url('/storage/websites/4/fonts/newsreader-v26-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 300;
  src: url('/storage/websites/4/fonts/newsreader-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  src: url('/storage/websites/4/fonts/newsreader-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  src: url('/storage/websites/4/fonts/newsreader-v26-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  src: url('/storage/websites/4/fonts/newsreader-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 700;
  src: url('/storage/websites/4/fonts/newsreader-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 800;
  src: url('/storage/websites/4/fonts/newsreader-v26-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* karla-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 200;
  src: url('/storage/websites/4/fonts/karla-v33-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 300;
  src: url('/storage/websites/4/fonts/karla-v33-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('/storage/websites/4/fonts/karla-v33-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 500;
  src: url('/storage/websites/4/fonts/karla-v33-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 600;
  src: url('/storage/websites/4/fonts/karla-v33-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: url('/storage/websites/4/fonts/karla-v33-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 800;
  src: url('/storage/websites/4/fonts/karla-v33-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {

    --lf-font:'Karla', sans-serif;
    --lf-font-headings:'Newsreader', sans-serif;

    --lf-box-shadow: 0px 2px 6px -1px oklch(4% 0.05 45 / 12%);
    --lf-box-shadow-md: 1px 3px 8px -1px oklch(4% 0.05 45 / 16%);
    --lf-box-shadow-lg: 2px 4px 9px -1px oklch(4% 0.05 45 / 16%);
    --lf-box-shadow-inset: inset 1px 1px 4px -1px oklch(4% 0.05 45 / 16%);

    --lf-brand-hue: 45;

    --lf-brand-50:oklch(97.96% 0.0145 45deg);
    --lf-brand-100:oklch(95.65% 0.0393 45deg);
    --lf-brand-200:oklch(91.22% 0.0722 45deg);
    --lf-brand-300:oklch(84.47% 0.1305 45deg);
    --lf-brand-400:oklch(75.57% 0.1773 45deg);
    --lf-brand-500:oklch(66.85% 0.189 45deg);
    --lf-brand-600:oklch(54.91% 0.1591 45deg);
    --lf-brand-700:oklch(48.84% 0.135 45deg);
    --lf-brand-800:oklch(41.93% 0.108 45deg);
    --lf-brand-900:oklch(36.85% 0.0909 45deg);
    --lf-brand-950:oklch(24.93% 0.0654 45deg);
    --lf-gray-50:oklch(97.51% 0.0017 45deg);
    --lf-gray-100:oklch(91.95% 0.0045 45deg);
    --lf-gray-200:oklch(83.62% 0.011 45deg);
    --lf-gray-300:oklch(72.55% 0.0168 45deg);
    --lf-gray-400:oklch(60.84% 0.0201 45deg);
    --lf-gray-500:oklch(54.94% 0.0226 45deg);
    --lf-gray-600:oklch(43.95% 0.0177 45deg);
    --lf-gray-700:oklch(38.63% 0.0141 45deg);
    --lf-gray-800:oklch(34.19% 0.0109 45deg);
    --lf-gray-900:oklch(31.31% 0.0067 45deg);
    --lf-gray-950:oklch(21.77% 0.0073 45deg);
    --lf-slate-50:oklch(97% 0.0051 45deg);
    --lf-slate-100:oklch(92.83% 0.0108 45deg);
    --lf-slate-200:oklch(85.65% 0.019 45deg);
    --lf-slate-300:oklch(75.28% 0.0315 45deg);
    --lf-slate-400:oklch(62.75% 0.041 45deg);
    --lf-slate-500:oklch(54.915% 0.0498 45deg);
    --lf-slate-600:oklch(43.72% 0.0419 45deg);
    --lf-slate-700:oklch(37.754% 0.0372 45deg);
    --lf-slate-800:oklch(32.933% 0.0277 45deg);
    --lf-slate-900:oklch(29.23% 0.0226 45deg);
    --lf-slate-950:oklch(20.93% 0.0148 45deg);
    --lf-white:oklch(99.8% 0.001 45deg);
    --lf-black:oklch(3% 0.001 45deg);
    --lf-surface:oklch(98.38% 0.0027 45deg);
    --lf-surface-container-lowest:oklch(99.8% 0.0027 45deg);
    --lf-surface-container-low:oklch(96.73% 0.0027 45deg);
    --lf-surface-container:oklch(95.36% 0.0038 45deg);
    --lf-surface-container-high:oklch(93.25% 0.0005 45deg);
    --lf-surface-container-highest:oklch(91.4% 0.0038 45deg);
    --lf-text-color-dark:oklch(23% 0.0073 45deg);
    --lf-text-color-medium:oklch(45% 0.0177 45deg);
    --lf-text-color-light:oklch(74% 0.0168 45deg);
    --lf-text-color-contrast:oklch(99.8% 0.001 45deg);

    .lf-color-kaffeeroestereien {
        --lf-collection-color: #4d4646;
    }
}

@media screen and (prefers-color-scheme: dark) {
    :root {
        --lf-brand-50:oklch(23.2% 0.0386 45deg);
        --lf-brand-100:oklch(34.6% 0.0561 45deg);
        --lf-brand-200:oklch(39% 0.0651 45deg);
        --lf-brand-300:oklch(44.9% 0.0853 45deg);
        --lf-brand-400:oklch(52.9% 0.1076 45deg);
        --lf-brand-500:oklch(61.3% 0.1198 45deg);
        --lf-brand-600:oklch(71.1% 0.1064 45deg);
        --lf-brand-700:oklch(81.9% 0.0757 45deg);
        --lf-brand-800:oklch(90% 0.0427 45deg);
        --lf-brand-900:oklch(95% 0.0231 45deg);
        --lf-brand-950:oklch(97.77% 0.0078 45deg);
        --lf-gray-50:oklch(21.77% 0.0073 45deg);
        --lf-gray-100:oklch(31.31% 0.0067 45deg);
        --lf-gray-200:oklch(34.19% 0.0109 45deg);
        --lf-gray-300:oklch(38.63% 0.0141 45deg);
        --lf-gray-400:oklch(43.95% 0.0177 45deg);
        --lf-gray-500:oklch(54.94% 0.0226 45deg);
        --lf-gray-600:oklch(60.84% 0.0201 45deg);
        --lf-gray-700:oklch(72.55% 0.0168 45deg);
        --lf-gray-800:oklch(83.62% 0.011 45deg);
        --lf-gray-900:oklch(91.95% 0.0045 45deg);
        --lf-gray-950:oklch(97.51% 0.0017 45deg);
        --lf-slate-50:oklch(20.93% 0.0148 45deg);
        --lf-slate-100:oklch(29.23% 0.0226 45deg);
        --lf-slate-200:oklch(32.93% 0.0277 45deg);
        --lf-slate-300:oklch(37.75% 0.0372 45deg);
        --lf-slate-400:oklch(43.72% 0.0419 45deg);
        --lf-slate-500:oklch(54.91% 0.0498 45deg);
        --lf-slate-600:oklch(62.75% 0.041 45deg);
        --lf-slate-700:oklch(75.28% 0.0315 45deg);
        --lf-slate-800:oklch(85.65% 0.019 45deg);
        --lf-slate-900:oklch(92.83% 0.0108 45deg);
        --lf-slate-950:oklch(97% 0.0051 45deg);
        --lf-surface:oklch(18.74% 0.0038 45deg);
        --lf-surface-container-lowest:oklch(16.45% 0.006 45deg);
        --lf-surface-container-low:oklch(22.65% 0.0027 45deg);
        --lf-surface-container:oklch(24.45% 0.0027 45deg);
        --lf-surface-container-high:oklch(28.59% 0.0027 45deg);
        --lf-surface-container-highest:oklch(32.98% 0.0027 45deg);
        --lf-text-color-dark:oklch(84% 0.003 45deg);
        --lf-text-color-medium:oklch(62% 0.003 45deg);
        --lf-text-color-light:oklch(47% 0.01 45deg);
        --lf-text-color-contrast:oklch(21% 0.005 45deg);
    .lf-color-kaffeeroestereien {
        --lf-collection-color: #6b6161;
    }
    }
}