/* ============================================================
   KESSLER3D – DESIGN TOKENS
   Zentrale Stellschrauben. Nur hier ändern, main.css bleibt unberührt.
   Werte entsprechen dem Shopify-Dawn-Standard, den die Original-
   seite nutzt. Falls das Original abweichende Farben hat: hier fixen.
   ============================================================ */

:root {
  /* --- Farben --- */
  --k3d-bg:            #ffffff;   /* Seitenhintergrund */
  --k3d-bg-alt:        #f6f6f6;   /* alternative Sektionen / Announcement-Bar */
  --k3d-text:          #121212;   /* Fließtext */
  --k3d-text-soft:     rgba(18, 18, 18, 0.75);
  --k3d-line:          rgba(18, 18, 18, 0.08);
  --k3d-accent:        #121212;   /* Buttons / Links (Dawn: dunkel auf hell) */
  --k3d-accent-text:   #ffffff;   /* Schrift auf Buttons */
  --k3d-announcement-bg:   #121212;
  --k3d-announcement-text: #ffffff;
  --k3d-focus:         #005bd3;
  --k3d-whatsapp:      #25d366;  /* WhatsApp-Markengrün */

  /* CI Kessler3D – Schätzwerte aus dem Original-Vorschaubild.
     Exakte Hex-Werte per Screenshot/Farbpipette nachziehen! */
  --k3d-hero-bg:       #56b8c4;  /* Türkis-Fläche des Hero */
  --k3d-hero-text:     #121212;  /* Schrift auf dem Hero */
  --k3d-footer-bg:     #121212;  /* dunkler Footer */
  --k3d-footer-text:   #ffffff;

  /* --- Typografie --- */
  /* Dawn-Standardschrift ist "Assistant". Selbst gehostet über
     assets/fonts/ (siehe README). Fallback: System-Sans. */
  --k3d-font-body:    'Assistant', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --k3d-font-heading: 'Assistant', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --k3d-fs-base:      1.0rem;     /* 16px */
  --k3d-fs-lg:        1.125rem;
  --k3d-fs-h1:        clamp(2.2rem, 5vw, 3.25rem);
  --k3d-fs-h2:        clamp(1.6rem, 3.5vw, 2.4rem);
  --k3d-fs-h3:        1.25rem;
  --k3d-lh-body:      1.65;
  --k3d-ls-heading:   0.02em;

  /* --- Layout --- */
  --k3d-page-width:   1200px;
  --k3d-content-width: 760px;     /* schmale Textspalte wie im Original */
  --k3d-gutter:       1.5rem;
  --k3d-section-y:    clamp(3rem, 7vw, 5.5rem);
  --k3d-radius:       0px;        /* Dawn: eckige Buttons/Karten */

  /* --- Sonstiges --- */
  --k3d-header-height: 72px;
  --k3d-shadow-soft:  0 4px 20px rgba(0, 0, 0, 0.06);
}

/* --- Selbst gehostete Schrift (Dateien in assets/fonts/ ablegen) --- */
@font-face {
  font-family: 'Assistant';
  src: url('../fonts/assistant-v20-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Assistant';
  src: url('../fonts/assistant-v20-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Assistant';
  src: url('../fonts/assistant-v20-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}