/*
 * ZTN Design Tokens
 * Single source of truth for all visual values.
 * Sourced from: 02_authoritative/design/ZTN_Farbspezifikation_Rot.md
 */

:root {
  /* Brand colors */
  --ztn-red-600: #AD3433;   /* Akzentrot */
  --ztn-red-50:  #FAF3F3;   /* Hover-Hintergrund (6% Rot) */
  --ztn-navy:    #1B4B8F;   /* Primärfarbe */
  --ztn-navy-deep: #102852; /* Tiefer Blauton (Kontaktleiste/Footer) */
  --ztn-text-grey: #5A6472;
  --ztn-text-grey-2: #6E7582;
  --ztn-text-slate: #2A3245;
  --ztn-text-dark: #181717; /* Logo-Wortmarke */
  --ztn-panel-blue: #F2F8FE;
  --ztn-line:      #E0E7F0;
  --ztn-line-2:    #D8DEE7;
  --ztn-success-green: #22A85A;
  --ztn-footer-bg: #0E284E;
  --ztn-footer-text: #BACBE2;
  --ztn-footer-rule: #1E3866;

  /* Typography */
  --ztn-font-base: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* Font sizes */
  --ztn-fs-hero: 54px;
  --ztn-fs-h1:    40px;
  --ztn-fs-h2:    30px;
  --ztn-fs-h3:    22px;
  --ztn-fs-card-title: 20px;
  --ztn-fs-body:  17px;
  --ztn-fs-body-sm: 15px;
  --ztn-fs-caption: 13px;
  --ztn-fs-nav: 15px;
  --ztn-fs-button: 16px;

  /* Layout */
  --ztn-container-max: 1420px;
  --ztn-container-pad: 24px;
  --ztn-text-col-max: 1180px;
  --ztn-header-height: 104px;
  --ztn-hero-main: 484px;
  --ztn-hero-photo: 300px;
  --ztn-hero-plain: 230px;

  /* Spacing scale */
  --ztn-sp-1: 4px;
  --ztn-sp-2: 8px;
  --ztn-sp-3: 12px;
  --ztn-sp-4: 16px;
  --ztn-sp-5: 24px;
  --ztn-sp-6: 32px;
  --ztn-sp-7: 48px;
  --ztn-sp-8: 64px;
  --ztn-sp-9: 72px;
  --ztn-sp-10: 96px;

  /* Card / radius / shadow */
  --ztn-radius: 10px;
  --ztn-radius-sm: 8px;
  --ztn-radius-pill: 999px;
  --ztn-shadow-card: 0 5px 12px rgba(30, 50, 90, 0.10);
  --ztn-shadow-hover: 0 8px 18px rgba(30, 50, 90, 0.14);
}

@media (max-width: 1199px) {
  :root {
    --ztn-fs-hero: 40px;
    --ztn-fs-h1: 34px;
    --ztn-fs-h2: 26px;
  }
}

@media (max-width: 767px) {
  :root {
    --ztn-fs-hero: 32px;
    --ztn-fs-h1: 28px;
    --ztn-fs-h2: 22px;
    --ztn-fs-h3: 19px;
    --ztn-fs-body: 16px;
    --ztn-container-pad: 16px;
  }
}