/* ============================================================
   Reicht Holding — Design-Tokens
   Quelle: Reicht CI-Manual · Edition 01 · 14.05.2026 (verbindlich)
   ============================================================ */

:root {
  /* ---- Markenfarben (CI-verbindlich) ---- */
  --reicht-blue:  #004387;   /* Primärfarbe · PANTONE 287 C · ≥60 % der Markenflächen */
  --reicht-deep:  #002F60;   /* Sekundär-Akzent · sehr dunkle Flächen */
  --reicht-sky:   #E8EEF5;   /* helle Hintergrund-Flächen, dezente Karten */
  --reicht-sand:  #C9A876;   /* Akzent · sparsam (Eyebrows, Linien) */
  --reicht-paper: #F6F5F1;   /* Body-Hintergrund */

  /* ---- Neutralfarben ---- */
  --anthrazit: #1A1A1A;      /* Fließtext — nie reines Schwarz */
  --slate:     #7A7A75;      /* Sekundärtext, Metadaten */
  --stone:     #DCDAD0;      /* Trennlinien, Rahmen */
  --white:     #FFFFFF;

  /* ---- Abgeleitete Werte ---- */
  --paper-pure:    #FAF9F5;
  --sand-soft:     #D6BC91;
  --blue-tint:     rgba(0, 67, 135, 0.08);
  --ink-overlay:   rgba(0, 24, 52, 0.62);
  --on-dark:       rgba(255, 255, 255, 0.86);
  --on-dark-soft:  rgba(255, 255, 255, 0.62);
  --hairline-dark: rgba(255, 255, 255, 0.14);

  /* ---- Kontext-Akzente (dezent, thematisch — sparsam einsetzen) ---- */
  --agri-sage:    #6B8E5A;   /* Agrar / Agri-PV */
  --emob-mint:    #4CAF7D;   /* E-Mobilität */
  --storage-cyan: #3B8EA5;   /* Stromspeicher */

  /* ---- Schrift ---- */
  --font-display: 'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ---- Fluide Typo-Skala (mobile-first via clamp) ---- */
  --fs-hero:    clamp(2.4rem, 1.35rem + 4.6vw, 4.6rem);
  --fs-h2:      clamp(1.7rem, 1.15rem + 2.3vw, 2.7rem);
  --fs-h3:      clamp(1.2rem, 1.05rem + 0.7vw, 1.45rem);
  --fs-lead:    clamp(1.05rem, 0.98rem + 0.34vw, 1.22rem);
  --fs-body:    1rem;
  --fs-small:   0.875rem;
  --fs-eyebrow: 0.72rem;

  /* ---- Spacing-Skala ---- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --section-y: clamp(4.5rem, 2rem + 8vw, 8rem);   /* vertikaler Sektions-Rhythmus */

  /* ---- Layout ---- */
  --container:        1200px;
  --container-narrow: 760px;
  --gutter:           clamp(1.25rem, 0.5rem + 3vw, 3rem);
  --header-h:         72px;
  --radius:           4px;
  --radius-lg:        8px;

  /* ---- Bewegung ---- */
  --ease:  cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:   0.6s;
  --dur-fast: 0.25s;

  /* ---- Schatten ---- */
  --shadow-sm: 0 1px 2px rgba(0, 24, 52, 0.06);
  --shadow-md: 0 10px 34px rgba(0, 24, 52, 0.10);
}