/* GENERIERT aus design/tokens.json von scripts/generate_tokens.py. Nicht von Hand ändern.
   Rollen wie Material 3 (--md-sys-color-*), Werte wie die App (HelloCheri Hell/Dunkel). */

@font-face{font-family:"Nunito";src:url("/fonts/nunito_variable.woff2") format("woff2");font-weight:200 1000;font-display:swap}
@font-face{font-family:"Baloo 2";src:url("/fonts/baloo2_variable.woff2") format("woff2");font-weight:400 800;font-display:swap}

:root{
  color-scheme:light dark;
  --md-sys-color-primary:#D01455;
  --md-sys-color-on-primary:#FFFFFF;
  --md-sys-color-primary-container:#FFE1E4;
  --md-sys-color-on-primary-container:#7B002E;
  --md-sys-color-secondary:#76565B;
  --md-sys-color-on-secondary:#FFFFFF;
  --md-sys-color-secondary-container:#FFE5E7;
  --md-sys-color-on-secondary-container:#371F23;
  --md-sys-color-tertiary:#00786C;
  --md-sys-color-on-tertiary:#FFFFFF;
  --md-sys-color-background:#F3F3F8;
  --md-sys-color-on-background:#191C1F;
  --md-sys-color-surface:#F3F3F8;
  --md-sys-color-on-surface:#191C1F;
  --md-sys-color-surface-variant:#E3E8F2;
  --md-sys-color-on-surface-variant:#5E646C;
  --md-sys-color-surface-container-lowest:#FFFFFF;
  --md-sys-color-surface-container-low:#FFFFFF;
  --md-sys-color-surface-container:#FFFFFF;
  --md-sys-color-surface-container-high:#FFFFFF;
  --md-sys-color-surface-container-highest:#EAEBEF;
  --md-sys-color-outline:#8B919A;
  --md-sys-color-outline-variant:#D8DDE7;
  --md-sys-color-error:#CC2925;
  --md-sys-color-on-error:#FFFFFF;
  --md-sys-color-error-container:#FFE2DE;
  --md-sys-color-on-error-container:#7E0007;
  --md-sys-color-inverse-surface:#2E3134;
  --md-sys-color-inverse-on-surface:#F0F0F5;
  --md-sys-color-inverse-primary:#FF6D8C;
  --hc-font-display:"Baloo 2","Nunito",system-ui,sans-serif;
  --hc-font-body:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --md-sys-typescale-display-large-font:var(--hc-font-display); --md-sys-typescale-display-large-size:3.5625rem; --md-sys-typescale-display-large-line-height:4rem; --md-sys-typescale-display-large-weight:400;
  --md-sys-typescale-display-medium-font:var(--hc-font-display); --md-sys-typescale-display-medium-size:2.8125rem; --md-sys-typescale-display-medium-line-height:3.25rem; --md-sys-typescale-display-medium-weight:400;
  --md-sys-typescale-display-small-font:var(--hc-font-display); --md-sys-typescale-display-small-size:2.25rem; --md-sys-typescale-display-small-line-height:2.75rem; --md-sys-typescale-display-small-weight:400;
  --md-sys-typescale-headline-large-font:var(--hc-font-display); --md-sys-typescale-headline-large-size:2rem; --md-sys-typescale-headline-large-line-height:2.5rem; --md-sys-typescale-headline-large-weight:400;
  --md-sys-typescale-headline-medium-font:var(--hc-font-display); --md-sys-typescale-headline-medium-size:1.75rem; --md-sys-typescale-headline-medium-line-height:2.25rem; --md-sys-typescale-headline-medium-weight:400;
  --md-sys-typescale-headline-small-font:var(--hc-font-display); --md-sys-typescale-headline-small-size:1.5rem; --md-sys-typescale-headline-small-line-height:2rem; --md-sys-typescale-headline-small-weight:400;
  --md-sys-typescale-title-large-font:var(--hc-font-display); --md-sys-typescale-title-large-size:1.375rem; --md-sys-typescale-title-large-line-height:1.75rem; --md-sys-typescale-title-large-weight:400;
  --md-sys-typescale-title-medium-font:var(--hc-font-body); --md-sys-typescale-title-medium-size:1rem; --md-sys-typescale-title-medium-line-height:1.5rem; --md-sys-typescale-title-medium-weight:500;
  --md-sys-typescale-title-small-font:var(--hc-font-body); --md-sys-typescale-title-small-size:0.875rem; --md-sys-typescale-title-small-line-height:1.25rem; --md-sys-typescale-title-small-weight:500;
  --md-sys-typescale-body-large-font:var(--hc-font-body); --md-sys-typescale-body-large-size:1rem; --md-sys-typescale-body-large-line-height:1.5rem; --md-sys-typescale-body-large-weight:400;
  --md-sys-typescale-body-medium-font:var(--hc-font-body); --md-sys-typescale-body-medium-size:0.875rem; --md-sys-typescale-body-medium-line-height:1.25rem; --md-sys-typescale-body-medium-weight:400;
  --md-sys-typescale-body-small-font:var(--hc-font-body); --md-sys-typescale-body-small-size:0.75rem; --md-sys-typescale-body-small-line-height:1rem; --md-sys-typescale-body-small-weight:400;
  --md-sys-typescale-label-large-font:var(--hc-font-body); --md-sys-typescale-label-large-size:0.875rem; --md-sys-typescale-label-large-line-height:1.25rem; --md-sys-typescale-label-large-weight:600;
  --md-sys-typescale-label-medium-font:var(--hc-font-body); --md-sys-typescale-label-medium-size:0.75rem; --md-sys-typescale-label-medium-line-height:1rem; --md-sys-typescale-label-medium-weight:500;
  --md-sys-typescale-label-small-font:var(--hc-font-body); --md-sys-typescale-label-small-size:0.6875rem; --md-sys-typescale-label-small-line-height:1rem; --md-sys-typescale-label-small-weight:500;
  --hc-shape-small:12px;
  --hc-shape-medium:18px;
  --hc-shape-large:24px;
  --hc-shape-extra-large:28px;
  --hc-shape-full:999px;
  --hc-squircle-k:1.75; --hc-squircle-scale:1.44; --hc-circle-k:1.35;
  --hc-space-xs:4px;
  --hc-space-s:8px;
  --hc-space-m:12px;
  --hc-space-l:16px;
  --hc-space-xl:24px;
  --hc-space-xxl:32px;
  --md-sys-motion-spatial-fast-duration:359ms; --md-sys-motion-spatial-fast-easing:linear(0, 0.044, 0.154, 0.299, 0.456, 0.609, 0.746, 0.86, 0.95, 1.016, 1.059, 1.084, 1.094, 1.093, 1.085, 1.072, 1.057, 1.042, 1.029, 1.017, 1.008, 1.001, 0.996, 0.993, 0.991, 0.991, 0.992, 0.993, 0.994, 0.995, 0.997, 0.998, 1);
  --md-sys-motion-spatial-default-duration:435ms; --md-sys-motion-spatial-default-easing:linear(0, 0.03, 0.105, 0.205, 0.316, 0.427, 0.532, 0.628, 0.712, 0.783, 0.842, 0.889, 0.927, 0.955, 0.977, 0.992, 1.002, 1.009, 1.013, 1.015, 1.015, 1.015, 1.013, 1.012, 1.01, 1.008, 1.007, 1.005, 1.004, 1.003, 1.002, 1.002, 1);
  --md-sys-motion-spatial-slow-duration:599ms; --md-sys-motion-spatial-slow-easing:linear(0, 0.03, 0.105, 0.205, 0.316, 0.427, 0.532, 0.628, 0.712, 0.783, 0.842, 0.889, 0.927, 0.955, 0.977, 0.992, 1.002, 1.009, 1.013, 1.015, 1.015, 1.014, 1.013, 1.012, 1.01, 1.008, 1.007, 1.005, 1.004, 1.003, 1.002, 1.002, 1);
  --md-sys-motion-effects-fast-duration:150ms; --md-sys-motion-effects-fast-easing:linear(0, 0.034, 0.114, 0.214, 0.32, 0.422, 0.515, 0.598, 0.67, 0.731, 0.782, 0.825, 0.859, 0.888, 0.911, 0.929, 0.944, 0.956, 0.965, 0.973, 0.979, 0.983, 0.987, 0.99, 0.992, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.999, 1);
  --md-sys-motion-effects-default-duration:231ms; --md-sys-motion-effects-default-easing:linear(0, 0.034, 0.114, 0.215, 0.32, 0.422, 0.516, 0.599, 0.67, 0.731, 0.782, 0.825, 0.86, 0.888, 0.911, 0.929, 0.944, 0.956, 0.965, 0.973, 0.979, 0.983, 0.987, 0.99, 0.992, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.999, 1);
  --md-sys-motion-effects-slow-duration:326ms; --md-sys-motion-effects-slow-easing:linear(0, 0.034, 0.114, 0.215, 0.32, 0.422, 0.516, 0.599, 0.67, 0.731, 0.782, 0.825, 0.86, 0.888, 0.911, 0.929, 0.944, 0.956, 0.965, 0.973, 0.979, 0.983, 0.987, 0.99, 0.992, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.999, 1);
}
:root[data-theme="light"]{color-scheme:light}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --md-sys-color-primary:#FF6D8C;
    --md-sys-color-on-primary:#400014;
    --md-sys-color-primary-container:#772438;
    --md-sys-color-on-primary-container:#FFD9DD;
    --md-sys-color-secondary:#E5BDC1;
    --md-sys-color-on-secondary:#43292D;
    --md-sys-color-secondary-container:#4F3438;
    --md-sys-color-on-secondary-container:#FFE1E4;
    --md-sys-color-tertiary:#67C9BA;
    --md-sys-color-on-tertiary:#00201C;
    --md-sys-color-background:#111417;
    --md-sys-color-on-background:#EAEBEF;
    --md-sys-color-surface:#111417;
    --md-sys-color-on-surface:#EAEBEF;
    --md-sys-color-surface-variant:#2F353D;
    --md-sys-color-on-surface-variant:#ABB1BA;
    --md-sys-color-surface-container-lowest:#0C0E12;
    --md-sys-color-surface-container-low:#171A1D;
    --md-sys-color-surface-container:#1D2023;
    --md-sys-color-surface-container-high:#282A2E;
    --md-sys-color-surface-container-highest:#323539;
    --md-sys-color-outline:#7E848D;
    --md-sys-color-outline-variant:#3A4048;
    --md-sys-color-error:#FF897D;
    --md-sys-color-on-error:#410002;
    --md-sys-color-error-container:#8A0008;
    --md-sys-color-on-error-container:#FFDAD6;
    --md-sys-color-inverse-surface:#EAEBEF;
    --md-sys-color-inverse-on-surface:#232629;
    --md-sys-color-inverse-primary:#D01455;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --md-sys-color-primary:#FF6D8C;
  --md-sys-color-on-primary:#400014;
  --md-sys-color-primary-container:#772438;
  --md-sys-color-on-primary-container:#FFD9DD;
  --md-sys-color-secondary:#E5BDC1;
  --md-sys-color-on-secondary:#43292D;
  --md-sys-color-secondary-container:#4F3438;
  --md-sys-color-on-secondary-container:#FFE1E4;
  --md-sys-color-tertiary:#67C9BA;
  --md-sys-color-on-tertiary:#00201C;
  --md-sys-color-background:#111417;
  --md-sys-color-on-background:#EAEBEF;
  --md-sys-color-surface:#111417;
  --md-sys-color-on-surface:#EAEBEF;
  --md-sys-color-surface-variant:#2F353D;
  --md-sys-color-on-surface-variant:#ABB1BA;
  --md-sys-color-surface-container-lowest:#0C0E12;
  --md-sys-color-surface-container-low:#171A1D;
  --md-sys-color-surface-container:#1D2023;
  --md-sys-color-surface-container-high:#282A2E;
  --md-sys-color-surface-container-highest:#323539;
  --md-sys-color-outline:#7E848D;
  --md-sys-color-outline-variant:#3A4048;
  --md-sys-color-error:#FF897D;
  --md-sys-color-on-error:#410002;
  --md-sys-color-error-container:#8A0008;
  --md-sys-color-on-error-container:#FFDAD6;
  --md-sys-color-inverse-surface:#EAEBEF;
  --md-sys-color-inverse-on-surface:#232629;
  --md-sys-color-inverse-primary:#D01455;
}

/* Weniger Bewegung gewünscht: alles sofort, nichts federt. */
@media (prefers-reduced-motion: reduce){
  :root{
    --md-sys-motion-spatial-fast-duration:1ms;
    --md-sys-motion-spatial-default-duration:1ms;
    --md-sys-motion-spatial-slow-duration:1ms;
    --md-sys-motion-effects-fast-duration:1ms;
    --md-sys-motion-effects-default-duration:1ms;
    --md-sys-motion-effects-slow-duration:1ms;
  }
}