/* ManufakturKultur – Design-Tokens, Fassung 2.0, Stand 07.11.2026
   Erzeugt von mk_tokens_build.py. Nicht von Hand ändern.
   Dieselben Werte stehen im Design System in Claude und im Styleguide.
   Schriftdateien (Inter, lokal) liegen im Ordner fonts/ des Styleguides. */

:root {
  /* Semantische Rollen */
  --mk-primaer: #9e005d;
  --mk-primaer-hover: #83004a;
  --mk-ueberschrift: #55002a;
  --mk-ueberschrift-klein: #6c003a;
  --mk-text: #3f3b38;
  --mk-text-gedaempft: #6a6562;
  --mk-link: #005b73;
  --mk-link-hover: #004559;
  --mk-akzent: #1d96b4;
  --mk-grund: #ffffff;
  --mk-flaeche: #f5f2f0;
  --mk-flaeche-hell: #faf8f6;
  --mk-rahmen: #dbd6d2;
  --mk-trennlinie: rgba(85,0,42,.15);
  --mk-erfolg: #005f43;
  --mk-erfolg-flaeche: #d0ffec;
  --mk-hinweis: #6c4800;
  --mk-hinweis-flaeche: #ffefab;
  --mk-fehler: #862f1e;
  --mk-fehler-flaeche: #ffe3d3;
  --mk-dunkel: #3b0019;
  --mk-dunkel-neutral: #1e1a17;
  --mk-logo-schwarz: #1d1d1b;
  --mk-whatsapp: #25d366;
  --mk-whatsapp-hover: #1da851;

  /* Schrift */
  --mk-font: Inter, "Helvetica Neue", Arial, sans-serif;
  --mk-font-features: "calt" 1;
  --mk-font-zahl: "calt" 1, "ss02" 1, "tnum" 1;
  --mk-font-beleg: Roboto, Arial, sans-serif;
  --mk-font-mail: Arial, Helvetica, sans-serif;
  --mk-fs-h1: clamp(1.95rem, 1.45rem + 2.2vw, 3.4rem);
  --mk-fs-h2: clamp(1.6rem, 1.3rem + 1.4vw, 2.5rem);
  --mk-fs-h3: clamp(1.35rem, 1.15rem + 0.9vw, 1.9rem);
  --mk-fs-karte-h3: clamp(1.25rem, 1.1rem + 0.5vw, 1.6rem);
  --mk-fs-h4: clamp(1.15rem, 1.05rem + 0.5vw, 1.5rem);
  --mk-fs-h5: clamp(1.05rem, 1rem + 0.3vw, 1.25rem);
  --mk-fs-lead: clamp(1.05rem, 0.98rem + 0.35vw, 1.3rem);
  --mk-fs-body: clamp(0.97rem, 0.92rem + 0.19vw, 1.09rem);
  --mk-fs-button: clamp(0.95rem, 0.92rem + 0.15vw, 1.05rem);
  --mk-fs-klein: clamp(0.85rem, 0.82rem + 0.15vw, 0.95rem);

  /* Abstände */
  --mk-abstand-1: 4px;
  --mk-abstand-2: 8px;
  --mk-abstand-3: 16px;
  --mk-abstand-4: 24px;
  --mk-abstand-5: 28px;
  --mk-sektion-oben-mobil: 48px;
  --mk-sektion-oben: 88px;
  --mk-sektion-unten-mobil: 40px;
  --mk-sektion-unten: 80px;
  --mk-sektion-knapp-mobil: 32px;
  --mk-sektion-knapp: 64px;

  /* Radien */
  --mk-radius-klein: 0.3rem;
  --mk-radius: 0.4rem;
  --mk-radius-gross: 0.6rem;
  --mk-radius-rund: 50rem;

  /* Schatten */
  --mk-schatten-schwebend: 0 4px 14px rgba(85,0,42,.16);
  --mk-schatten-medaillon: 0 2px 6px rgba(0,0,0,.25);

  /* Maße */
  --mk-textmass: 62ch;
  --mk-trennlinie-breite: 220px;
  --mk-akzentstrich: 36px;
  --mk-logo-hoehe: 44px;

  /* beere */
  --mk-beere-50: #ffebf7;
  --mk-beere-100: #ffdbed;
  --mk-beere-200: #ffc0da;
  --mk-beere-300: #f6a0c2;
  --mk-beere-400: #df78a3;
  --mk-beere-500: #bb407a;
  --mk-beere-600: #9e005d;
  --mk-beere-700: #83004a;
  --mk-beere-800: #6c003a;
  --mk-beere-900: #55002a;
  --mk-beere-950: #3b0019;

  /* petrol */
  --mk-petrol-50: #c8ffff;
  --mk-petrol-100: #b8f6ff;
  --mk-petrol-200: #9ce4fb;
  --mk-petrol-300: #77cce6;
  --mk-petrol-400: #46adca;
  --mk-petrol-500: #1d96b4;
  --mk-petrol-600: #00738f;
  --mk-petrol-700: #005b73;
  --mk-petrol-800: #004559;
  --mk-petrol-900: #003344;
  --mk-petrol-950: #00202e;

  /* salbei */
  --mk-salbei-50: #d0ffec;
  --mk-salbei-100: #c1fadf;
  --mk-salbei-200: #a6e8ca;
  --mk-salbei-300: #84d0af;
  --mk-salbei-400: #59b38e;
  --mk-salbei-500: #25956f;
  --mk-salbei-600: #0b7857;
  --mk-salbei-700: #005f43;
  --mk-salbei-800: #004931;
  --mk-salbei-900: #003622;
  --mk-salbei-950: #002313;

  /* messing */
  --mk-messing-50: #ffefab;
  --mk-messing-100: #ffe39b;
  --mk-messing-200: #ffce7e;
  --mk-messing-300: #f7b32b;
  --mk-messing-400: #cc9218;
  --mk-messing-500: #a87600;
  --mk-messing-600: #885d00;
  --mk-messing-700: #6c4800;
  --mk-messing-800: #523500;
  --mk-messing-900: #3d2600;
  --mk-messing-950: #261800;

  /* rost */
  --mk-rost-50: #ffe3d3;
  --mk-rost-100: #ffd6c5;
  --mk-rost-200: #ffbeac;
  --mk-rost-300: #ffa18d;
  --mk-rost-400: #e57c66;
  --mk-rost-500: #ca5841;
  --mk-rost-600: #a5422e;
  --mk-rost-700: #862f1e;
  --mk-rost-800: #691f11;
  --mk-rost-900: #511206;
  --mk-rost-950: #370601;

  /* sand */
  --mk-sand-50: #faf8f6;
  --mk-sand-100: #f5f2f0;
  --mk-sand-200: #dbd6d2;
  --mk-sand-300: #c2bcb9;
  --mk-sand-400: #a29d9a;
  --mk-sand-500: #847f7c;
  --mk-sand-600: #6a6562;
  --mk-sand-700: #534f4c;
  --mk-sand-800: #3f3b38;
  --mk-sand-900: #2f2a27;
  --mk-sand-950: #1e1a17;
}