/* changa-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Changa';
  font-style: normal;
  font-weight: 400;
  src: url('https://backend.weedvibes.de/storage/websites/1/fonts/changa-v28-latin-regular.woff2') format('woff2');
}

/* changa-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Changa';
  font-style: normal;
  font-weight: 700;
  src: url('https://backend.weedvibes.de/storage/websites/1/fonts/changa-v28-latin-700.woff2') format('woff2'); 
}


:root {

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

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

    --lf-brand-hue: 142;

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

    .lf-color-cannabis-social-clubs {
        --lf-collection-color: #4b0082;
    }
    .lf-color-growshops {
        --lf-collection-color: #008080;
    }
}

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