/*
 * Batix Design Tokens, v1 (inhalte/gemeinsam/cd/tokens-v1.css)
 *
 * Werte wie im Prototyp (/Users/elias/IdeaProjects/Landingpages, alle sechs Seiten gleich);
 * die Farbpalette stimmt mit den Brand Guidelines des bx-Skills bx-marketing-branding überein.
 * Seiten verwenden Farben nur über diese Tokens (Prüfregel C04, KONZEPT 9.5).
 * Nur anhängen: Diese Datei wird nie geändert, eine Änderung ergibt tokens-v2.css (KONZEPT 9.6).
 */
:root {
  /* Marine */
  --marine:       #003063;
  --marine-dark:  #00214A;
  --marine-80:    #335B84;
  --marine-60:    #667EA3;
  --marine-40:    #99A9C1;
  --marine-20:    #CCD4E0;
  --marine-10:    #E5EAF0;
  --marine-05:    #F2F5F9;

  /* Apple */
  --apple:        #8FC01A;
  --apple-dark:   #6E9513;
  --apple-80:     #A5CC47;
  --apple-60:     #BCD87A;
  --apple-40:     #D2E5AC;
  --apple-20:     #E8F2D5;

  /* Anthrazit */
  --anthrazit:    #35383D;
  --anthrazit-70: #686B70;
  --anthrazit-40: #A3A5A9;
  --anthrazit-10: #F2F2F3;

  --white: #FFFFFF;

  /* Semantik (Formular-Fehler, Prototyp Werkbank) */
  --danger:    #C0392B;
  --danger-bg: #FDE8E8;

  /* Schriften (selbst gehostet, @font-face in basis-v1.css) */
  --font-h:    'Montserrat', sans-serif;
  --font-body: 'Open Sans', sans-serif;

  /* Layout */
  --max-w:  1120px;
  --read-w: 760px;
  --pad:    clamp(20px, 4vw, 48px);
  --nav-h:  72px;

  /* Schatten */
  --shadow-md:  0 2px 16px rgba(0, 0, 0, 0.06);
  --shadow-lg:  0 16px 48px rgba(0, 48, 99, 0.10);
  --shadow-nav: 0 2px 24px rgba(0, 48, 99, 0.07);

  --focus: var(--marine);
}