/* Faszientraining — Design Tokens */

:root {
  color-scheme: light only;

  /* Farben — Twinergy Teal × Warmes Gold */
  --ivory: #FFFFFF;
  --rose: #2AB5C2;
  --mauve: #1A8E9A;
  --gold: #C89A52;
  --wine: #0F4A55;
  --ink: #1A3840;
  --muted: #5A7E88;
  --blush: #C8EEF2;
  --soft-rose: #E0F5F7;
  --white: #FFFFFF;

  /* Verläufe */
  --gradient-vital: linear-gradient(135deg, #2AB5C2 0%, #76C9A8 100%);
  --gradient-sunrise: linear-gradient(135deg, #2AB5C2 0%, #F4A261 100%);
  --gradient-emotional: linear-gradient(135deg, #2AB5C2 0%, #76C9A8 100%);
  --gradient-calm: #FFFFFF;
  --gradient-wine: linear-gradient(135deg, #2AB5C2 0%, #F4A261 100%);

  /* Typografie */
  --font-display: 'Abhaya Libre', Georgia, 'Times New Roman', serif;
  --font-body: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Fluid Type Scale — größer */
  --fs-eyebrow: clamp(12px, 0.95vw, 15px);
  --fs-h1: clamp(40px, 5.8vw, 82px);
  --fs-h2: clamp(38px, 5.8vw, 76px);
  --fs-h3: clamp(26px, 3.6vw, 46px);
  --fs-body-lg: clamp(20px, 1.8vw, 26px);
  --fs-body: clamp(17px, 1.45vw, 21px);
  --fs-body-sm: clamp(15px, 1.2vw, 18px);

  /* Line Heights */
  --lh-tight: 1.05;
  --lh-snug: 1.25;
  --lh-relaxed: 1.6;

  /* Spacing */
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 32px;
  --s5: 48px;
  --s6: 64px;
  --s7: 96px;
  --s8: 128px;

  /* Radius */
  --r-sm: 12px;
  --r-md: 16px;
  --r-card: 24px;
  --r-card-lg: 32px;
  --r-pill: 999px;

  /* Schatten */
  --shadow-soft: 0 10px 40px rgba(15, 74, 85, 0.08);
  --shadow-soft-lg: 0 20px 60px rgba(15, 74, 85, 0.12);
  --shadow-button: 0 10px 30px rgba(42, 181, 194, 0.28);
  --shadow-button-hover: 0 16px 40px rgba(42, 181, 194, 0.40);

  /* Easing */
  --ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-snap: cubic-bezier(0.4, 0, 0.2, 1);

  /* Z-Index */
  --z-sticky-cta: 50;
  --z-header: 55;
  --z-drawer: 60;
  --z-modal: 70;

  /* Container */
  --container: 1500px;
  --container-narrow: 880px;

  /* Section Padding */
  --section-y: clamp(64px, 9vw, 128px);
  --section-x: clamp(20px, 4vw, 48px);
}