/* Linkware – Design-Tokens als CSS-Variablen (aus tokens.json, helles Thema) */
:root {
  /* Farben: die vier Elementor-Kit-Globals sind die Quelle, der Hex-Wert ist Fallback */
  --surface: #ffffff;
  --surface-alt: #f3f7fa;
  --line: #d8e2ea;
  --ink: var(--e-global-color-text, #232323);
  --ink-muted: #5a6570;
  --sky: var(--e-global-color-primary, #009de0);
  --blue: var(--e-global-color-secondary, #0374ba);
  --on-blue: #ffffff;
  --navy: #004c7c;
  --on-navy: #ffffff;
  --on-navy-muted: #cfe3f0;
  --sky-on-navy: #5cc4f0;
  --tile-blue: #0078bf;
  --red: var(--e-global-color-accent, #e31e24);
  --on-red: #ffffff;
  --sky-tint: #009de01f;
  --focus-ring: #0374ba;
  --link: var(--blue);
  /* Schrift: Roboto 400 / 500 / 700 */
  --font-sans: "Roboto", "Helvetica Neue", Arial, sans-serif;
  /* Fluide Schriftgrößen und Abstände (360px → 1440px) */
  --fs-display: clamp(2.75rem, 2.208rem + 2.407vw, 4.375rem);
  --fs-h2: clamp(1.625rem, 1.5rem + 0.5556vw, 2rem);
  --fs-h3: clamp(1.1875rem, 1.167rem + 0.09259vw, 1.25rem);
  --fs-h4: clamp(1.1875rem, 1.125rem + 0.2778vw, 1.375rem);
  --fs-lead: clamp(1.0625rem, 1.042rem + 0.09259vw, 1.125rem);
  --space-section: clamp(4rem, 3.333rem + 2.963vw, 6rem);
  --space-section-gap: clamp(2rem, 1.667rem + 1.481vw, 3rem);
  --space-gutter: clamp(1.5rem, 1.333rem + 0.7407vw, 2rem);
  --space-inline: clamp(1rem, 0.6667rem + 1.481vw, 2rem);
  /* Feste Stufen */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 3px;
  --radius-md: 8px;
  --radius-tile: 32px;
  --radius-full: 9999px;
  --container: 1440px;
  --header-height: 80px;
  --shadow-card: 0 1px 2px rgba(4, 30, 50, 0.06), 0 8px 24px rgba(4, 30, 50, 0.08);
}