/*
  SolvAI Design Tokens
  Quelle: Website/brand_assets/brand-tokens.md (destilliert aus den Markenrichtlinien).
  Diese Werte sind auch im inline Tailwind-Config in index.html/impressum.html/datenschutz.html
  gespiegelt (Tailwind CDN kann kein CSS importieren) — bei Änderungen beide Stellen pflegen.
*/

:root {
  /* Farben */
  --color-ink: #0b1220;
  --color-navy: #0a1d3a;
  --color-navy-2: #0d2245; /* leicht hellere Navy-Stufe für Hover/Layering */
  --color-blue-deep: #173f72; /* Button-Fill auf bereits dunklem Grund (Navy) — dunkelblau statt hell, deutlich von Navy unterscheidbar */
  --color-mist: #8fa6c4;
  --color-cream: #f4f2ed;
  --color-beige: #edeae2;
  --color-grey: #6b7280;
  --color-white: #ffffff;

  /* Fonts */
  --font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Type-Scale */
  --fs-eyebrow: 0.8125rem; /* 13px */
  --fs-small: 0.875rem; /* 14px */
  --fs-body: 1rem; /* 16px */
  --fs-body-lg: 1.125rem; /* 18px */
  --fs-h3: 1.5rem; /* 24px */
  --fs-h2: clamp(1.875rem, 1.4rem + 2vw, 2.75rem);
  --fs-h1: clamp(2.75rem, 1.9rem + 4vw, 4.75rem);
  --fs-stat: clamp(3.5rem, 2.4rem + 6vw, 6.5rem);

  --lh-tight: 1.05;
  --lh-heading: 1.15;
  --lh-body: 1.6;

  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.01em;
  --tracking-tag: 0.4em; /* Tagline-Sperrung aus dem Logo-Spec */

  /* Spacing (8px-Grid) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* Radien */
  --radius-sm: 6px;
  --radius-md: 8px; /* Button-Spec */
  --radius-lg: 16px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* Schatten — navy-getönt statt neutral-schwarz, gestaffelt für Tiefe */
  --shadow-sm: 0 1px 2px rgba(11, 18, 32, 0.06), 0 1px 1px rgba(11, 18, 32, 0.04);
  --shadow-md: 0 10px 24px -8px rgba(11, 18, 32, 0.14), 0 2px 8px -2px rgba(11, 18, 32, 0.08);
  --shadow-lg: 0 28px 56px -16px rgba(11, 18, 32, 0.22), 0 10px 20px -10px rgba(11, 18, 32, 0.12);
  --shadow-navy-soft: 0 18px 40px -12px rgba(10, 29, 58, 0.35);
  --shadow-focus: 0 0 0 3px rgba(143, 166, 196, 0.45);

  /* Depth-Layer (base -> elevated -> floating) */
  --z-base: 0;
  --z-elevated: 10;
  --z-floating: 20;
  --z-nav: 100;
  --z-overlay: 200;

  /* Easing — durchgängig "ruhig", kein Overshoot/Bounce */
  --ease-calm: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);

  /* Dauer */
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 600ms;

  /* Layout */
  --container-max: 1200px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);
}