/* tokens.css — erzeugt von vorlagen/web/_haut/design-tokens.mjs aus design.json. Nie von Hand ändern (GESETZ Kap. 4: Gestaltung je Kunde, Bauklötze lesen nur diese Tokens). */
/* Grammatik „Die Visitenkarte“ · raster editorial · dichte mittel · kante weich · typo elegant · bild randlos · rhythmus text-zuerst · dachzeilen sparsam · Leit oklch(0.485 0.074 65.0) (Logo (Dachfläche anis-logo.svg / Visitenkarte wa-41)) · Akzent H 82° (analog, Fläche) · Schrift young-serif--instrument-sans · Motion gleiten */
@font-face{font-family:"Young Serif";src:url("../fonts/young-serif/young-serif-400-latin.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../fonts/instrument-sans/instrument-sans-var-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{
  color-scheme:light;
  --grund:#fbf8f4; /* oklch(0.980 0.006 65.0) */
  --flaeche:#f4efeb; /* oklch(0.955 0.008 65.0) */
  --linie:#ddd6d0; /* oklch(0.880 0.011 65.0) */
  --text:#2a1c0d; /* oklch(0.240 0.034 65.0) */
  --text-leise:#61564b; /* oklch(0.460 0.022 65.0) */
  --leit:#7c562f; /* oklch(0.485 0.074 65.0) */
  --leit-text:#7c562f; /* oklch(0.485 0.074 65.0) */
  --auf-leit:#fbf8f4; /* oklch(0.980 0.006 65.0) */
  --akzent:#e3b04a; /* oklch(0.785 0.131 82.0) */
  --auf-akzent:#2a1c0d; /* oklch(0.240 0.034 65.0) */
  --ok:#298646; /* oklch(0.550 0.130 150.0) */
  --warn:#b37903; /* oklch(0.620 0.130 75.0) */
  --error:#c9302d; /* oklch(0.550 0.190 27.0) */
  --akzent-tief:#c99b3c; /* oklch(0.715 0.123 82.0) */
  --akzent-text:#8d6600; /* oklch(0.535 0.110 82.0) */
  --fokus:#8d6600; /* oklch(0.535 0.110 82.0) */
  --hell-fest:#faf5f0; /* oklch(0.972 0.008 65.0) */
  --kalk-fest:#faf5f0; /* oklch(0.972 0.008 65.0) */
  --meta-fest:#cdc6bf; /* oklch(0.830 0.012 65.0) */
  --dunkel-fest:#2a1c0e; /* oklch(0.240 0.033 65.0) */
  --buehne-tief:#2a1c0e; /* oklch(0.240 0.033 65.0) */
  --nacht-fest:#1a0f05; /* oklch(0.180 0.026 65.0) */
  --buehne-nacht:#1a0f05; /* oklch(0.180 0.026 65.0) */
  --schatten:#050301; /* oklch(0.100 0.011 65.0) */
  --font-display:"Young Serif",Georgia,"Times New Roman",serif;
  --font-text:"Instrument Sans",system-ui,"Segoe UI",Roboto,sans-serif;
  --font-display-stretch:normal;
  --fs-0:0.625rem;
  --fs-1:0.75rem;
  --fs-2:0.875rem;
  --fs-3:1rem;
  --fs-4:1.125rem;
  --fs-5:1.25rem;
  --fs-6:1.5rem;
  --fs-7:1.875rem;
  --fs-8:2.25rem;
  --fs-9:2.58rem;
  --fs-10:3.225rem;
  --fs-11:3.87rem;
  --fs-12:5.16rem;
  --fs-13:6.88rem;
  --fs-14:8.6rem;
  --fs-15:10.75rem;
  --fs-00:0.563rem;
  --t-body:1.0625rem;
  --t-cap:clamp(0.78rem, 0.85vw, 0.84rem);
  --t-ziffer:0.875rem;
  --t-z1:clamp(0.95rem, 1.1vw, 1.125rem);
  --t-lead:clamp(1.125rem, 1.4vw, 1.375rem);
  --t-h3:clamp(1.25rem, 1.6vw, 1.6rem);
  --t-h2:clamp(1.72rem, 3.096vw, 2.924rem);
  --t-pointe:clamp(2.236rem, 4.644vw, 4.515rem);
  --t-zahl:clamp(2.58rem, 6.02vw, 7.31rem);
  --t-marke:clamp(3.44rem, 10.75vw, 10.75rem);
  --t-kopf:clamp(2.6rem, 6.02vw, 6rem);
  --gewicht-display:500;
  --laufweite-display:-0.005em;
  --rand:clamp(1.25rem, 5vw, 6rem);
  --rand-leiste:clamp(1.25rem, 4vw, 3.5rem);
  --max:74rem;
  --sek-y:clamp(4.5rem, 9vw, 8rem);
  --radius:6px;
  --bild-radius:0px;
  --ease:cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out:cubic-bezier(0.23, 1, 0.32, 1);
  --t-reveal:900ms;
  --t-ui:180ms;
  --reveal-weg:24px;
  --eyebrow-anzeige:block;
  --linie-fest:color-mix(in oklch, var(--hell-fest) 14%, transparent);
  --tinte:var(--text);--meta:var(--text-leise);--kante:var(--linie);--marke:var(--akzent);--marke-text:var(--leit-text);
  --marke-hover:color-mix(in oklch, var(--akzent) 82%, var(--schatten));--akzent-buehne:color-mix(in oklch, var(--akzent) 55%, var(--hell-fest));
  --stahl:color-mix(in oklch, var(--text-leise) 55%, var(--grund));--tafel:var(--dunkel-fest);--tafel-kante:var(--dunkel-fest);--wa:var(--dunkel-fest);
  --schleier-fest:color-mix(in oklch, var(--dunkel-fest) 60%, transparent);--knopf-text:var(--auf-akzent);
  --fs-xxl:var(--t-marke);--fs-h1:var(--t-pointe);--fs-h2:var(--t-h2);--fs-h3:var(--t-h3);--fs-lead:var(--t-lead);--fs-body:var(--t-body);--fs-cap:var(--t-cap);--fs-wert:var(--t-zahl);--fs-preis:var(--fs-7);
  --marke-hover:var(--akzent-tief);--akzent-buehne:var(--akzent);
}
[data-thema="dunkel"],[data-theme="dunkel"],[data-theme="dark"]{
  color-scheme:dark;
  --grund:#1b1209; /* oklch(0.190 0.022 65.0) */
  --flaeche:#261c12; /* oklch(0.235 0.024 65.0) */
  --linie:#3e332a; /* oklch(0.330 0.022 65.0) */
  --text:#efeae6; /* oklch(0.940 0.008 65.0) */
  --text-leise:#b7b0a9; /* oklch(0.760 0.012 65.0) */
  --leit:#bc9673; /* oklch(0.700 0.067 65.0) */
  --leit-text:#bc9673; /* oklch(0.700 0.067 65.0) */
  --auf-leit:#1b1209; /* oklch(0.190 0.022 65.0) */
  --akzent:#e3b04a; /* oklch(0.785 0.131 82.0) */
  --auf-akzent:#1b1209; /* oklch(0.190 0.022 65.0) */
  --ok:#76cf8a; /* oklch(0.780 0.130 150.0) */
  --warn:#f2b966; /* oklch(0.820 0.120 75.0) */
  --error:#f9786c; /* oklch(0.720 0.160 27.0) */
  --akzent-tief:#c99b3c; /* oklch(0.715 0.123 82.0) */
  --akzent-text:#e3b04a; /* oklch(0.785 0.131 82.0) */
  --fokus:#e3b04a; /* oklch(0.785 0.131 82.0) */
  --hell-fest:#faf5f0; /* oklch(0.972 0.008 65.0) */
  --kalk-fest:#faf5f0; /* oklch(0.972 0.008 65.0) */
  --meta-fest:#cdc6c0; /* oklch(0.830 0.011 65.0) */
  --dunkel-fest:#1a120a; /* oklch(0.190 0.020 65.0) */
  --buehne-tief:#1a120a; /* oklch(0.190 0.020 65.0) */
  --nacht-fest:#0c0603; /* oklch(0.130 0.016 65.0) */
  --buehne-nacht:#0c0603; /* oklch(0.130 0.016 65.0) */
  --schatten:#050302; /* oklch(0.100 0.010 65.0) */
}