/* ==========================================================================
   KANTORUM — Design Tokens
   Farben direkt aus dem Brandbook v1.1 (Kapitel 05 Farbwelt).
   Die warme Logofarbe wird nicht separat benannt/definiert — sie kommt
   ausschließlich aus der eingebundenen finalen Logodatei selbst.
   ========================================================================== */

:root {
  /* Farbwelt */
  --color-anthracite: #1B2A2F;
  --color-anthracite-soft: #24363c;
  --color-petrol: #2E5D63;
  --color-petrol-soft: #3d7178;
  --color-greige: #B7A999;
  --color-greige-tint: #f1ece4;
  /* warmer Ton, direkt aus der finalen Logodatei entnommen (kein eigener Name/Wert erfunden) */
  --color-logo-warm: #B69F83;
  --color-offwhite: #F7F5F0;
  --color-offwhite-warm: #f3efe7;
  --color-white: #ffffff;

  --color-text: var(--color-anthracite);
  --color-text-muted: #4d5c60;
  --color-text-on-dark: var(--color-offwhite);
  --color-text-on-dark-muted: #b7c2c4;
  --color-border: rgba(27, 42, 47, 0.14);
  --color-border-on-dark: rgba(247, 245, 240, 0.18);
  --color-hairline-on-warm: rgba(27, 42, 47, 0.22);

  /* Typografie */
  --font-serif: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  --fs-h1: clamp(2.25rem, 1.6rem + 2.6vw, 4rem);
  --fs-h2: clamp(1.75rem, 1.4rem + 1.4vw, 2.75rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.6rem);
  --fs-lead: clamp(1.125rem, 1.05rem + 0.3vw, 1.35rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --fs-quote: clamp(1.5rem, 1.3rem + 0.8vw, 2.1rem);

  --lh-tight: 1.15;
  --lh-heading: 1.25;
  --lh-body: 1.65;

  /* Abstände */
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 7rem;

  --container-width: 1200px;
  --container-padding: clamp(1.25rem, 4vw, 3rem);
  --measure-narrow: 42rem;
  --measure: 52rem;

  /* Form */
  --radius: 0; /* die Marke arbeitet mit klaren Kanten, keine Rundungen */
  --border-thin: 1px solid var(--color-border);
  --border-thin-dark: 1px solid var(--color-border-on-dark);

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 200ms;
}