/* ==========================================================================
   Endure Lab – Design Tokens
   Helles Premium-Theme. Keine Dark-Mode-Variante vorgesehen (bewusste Wahl).
   ========================================================================== */

:root {
  /* ---- Neutrals: kühles Weiß-Grau statt Beige (Kundenwunsch) ---- */
  --color-bg: #f7f7f8;
  --color-surface: #ffffff;
  --color-surface-alt: #eef0f1;
  --color-text: #1a1b1c;
  --color-text-muted: #5a5d61;
  --color-border: #e1e3e5;

  /* ---- Primär: tiefes Waldgrün ---- */
  --color-primary: #1f3d2e;
  --color-primary-hover: #163023;
  --color-on-primary: #f7f7f8;

  /* ---- Akzent: Bronze/Gold ---- */
  --color-accent: #a8763f;
  --color-accent-hover: #8f6435;
  --color-on-accent: #1c1b19;
  --color-accent-soft: #f3e6d2;

  /* ---- Premium-Tier: helles Theme beibehalten, nur Gold-Betonung ---- */
  --color-premium-border: #c89a55;
  --color-premium-bg: #fbfbfb;

  /* ---- Semantisch ---- */
  --color-success: #2f5d3a;
  --color-error: #a5402f;

  /* ---- Spacing (8px-Basis) ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 6rem;
  --space-8: 8rem;

  /* ---- Typografie ---- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-hero: clamp(2.75rem, 6.5vw, 6rem);
  --text-h2: clamp(2rem, 4vw, 3.25rem);
  --text-h3: clamp(1.375rem, 2vw, 1.75rem);
  --text-h4: clamp(1.125rem, 1.4vw, 1.375rem);
  --text-body-lg: clamp(1.125rem, 1.2vw, 1.25rem);
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-eyebrow: 0.8125rem;

  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.6;

  /* ---- Radien & Schatten ---- */
  --radius-card: 1rem;
  --radius-button: 0.5rem;
  --radius-badge: 2rem;
  --shadow-card: 0 4px 24px rgba(28, 27, 25, 0.06);
  --shadow-card-hover: 0 12px 32px rgba(28, 27, 25, 0.1);
  --shadow-premium: 0 16px 40px rgba(168, 118, 63, 0.18);

  /* ---- Bewegung ---- */
  --transition-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 480ms cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- Layout ---- */
  --container-max: 1200px;
  --header-height: 80px;
  --header-height-scrolled: 64px;
}