/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('/storage/websites/5/fonts/inter-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/storage/websites/5/fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/storage/websites/5/fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/storage/websites/5/fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/storage/websites/5/fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('/storage/websites/5/fonts/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-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: 'Fraunces';
  font-style: normal;
  font-weight: 300;
  src: url('/storage/websites/5/fonts/fraunces-v38-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fraunces-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: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  src: url('/storage/websites/5/fonts/fraunces-v38-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fraunces-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: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  src: url('/storage/websites/5/fonts/fraunces-v38-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fraunces-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: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  src: url('/storage/websites/5/fonts/fraunces-v38-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fraunces-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: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  src: url('/storage/websites/5/fonts/fraunces-v38-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fraunces-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: 'Fraunces';
  font-style: normal;
  font-weight: 800;
  src: url('/storage/websites/5/fonts/fraunces-v38-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {

    --lf-font:'Inter', sans-serif;
    --lf-font-headings:'Fraunces', sans-serif;

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

    --lf-brand-hue: 155;

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

    .lf-color-teeladen {
        --lf-collection-color: #2F6B4F;
    }
}

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