/* Tokens der Datei-Anlieferung, gemessen am 29.10.2026 auf eventforumbern.ch:
   - Konfigurator /buchungsformular/ (Quelle eventforum-website docs/buchungsanfrage/konfigurator-premium/efb-konfigurator.css,
     live identisch mit .efbk { … } im ausgelieferten Stylesheet): Farben, Flächen, Schatten, Kurven, Radien.
   - Website-Seiten (Startseite, /service/elektronische-abstimmung/, /anreise/): Titel, Einleitung, Knöpfe, Menü.
   Werte nicht schätzen: wer etwas ändert, misst neu und schreibt die Quelle dazu. */

:root {
  color-scheme: light;   /* Website und Konfigurator kennen kein dunkles Schema */

  /* ---- Farben (Konfigurator) ---- */
  --b: #0071ED;
  --b-hell: #2F8CFF;
  --b-zart: #E6F0FD;
  --b-zart-2: #D3E4FB;
  --navy: #1B3A6B;          /* Konfigurator; die Website-Flächen messen rgb(27, 57, 106) = #1B396A, sichtbar gleich */
  --navy-2: #24508F;
  --navy-tief: #12294D;
  --tinte: #2A2A2A;
  --tinte-2: #4B5A6E;
  --grau: #5A697D;          /* Konfigurator #6B7A8E erreicht auf Weiss nur 4.38:1; dunkler für 4.5:1 (5.6:1 auf Weiss) */
  --linie: #D6E0EC;
  --linie-2: #E8EEF6;
  --flaeche: #F3F7FC;
  --flaeche-seite: #F4F7FB; /* Arbeitsfläche unter der Navy-Kante (.efbk-flaeche) */
  --gut: #1E8A55;
  --gut-zart: #E7F6EE;
  --gut-text: #14613C;
  --warn: #B4690E;
  --warn-zart: #FDF3E6;
  --warn-text: #7A4508;
  --fehler: #D2483A;
  --fehler-text: #C0392B;
  --fehler-zart: #FDECEA;
  --marke-hell: #9CC7FF;    /* Augenbraue und Untertitel auf Navy */
  --ic-hell: #8EC2FF;       /* Icons auf Navy */

  /* ---- Verläufe ---- */
  --glanz: linear-gradient(135deg, #1B8CFF 0%, #0071ED 48%, #005BC2 100%);
  --glanz-text: linear-gradient(135deg, #0071ED 0%, #005BC2 100%);  /* Flächen mit weisser Schrift: ab 4.6:1 */
  --glanz-hell: linear-gradient(135deg, #FFFFFF 0%, #F5F9FE 52%, #E9F0FA 100%);
  --karte: linear-gradient(150deg, #FFFFFF 0%, #F7FAFE 60%, #EEF4FB 100%);
  --schrift-verlauf: linear-gradient(90deg, #2A2A2A 0%, #0071ED 148%);
  --schrift-verlauf-weiss: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 30%, #79B6FF 140%);
  --karten-kante: linear-gradient(90deg, #5AA7FF, #0071ED 40%, #1B3A6B);
  --zf-kopf: linear-gradient(120deg, #12294D 0%, #1B3A6B 60%, #24508F 100%);

  /* ---- Schatten ---- */
  --s1: 0 1px 2px rgba(18, 41, 77, .06), 0 2px 8px rgba(18, 41, 77, .05);
  --s2: 0 2px 4px rgba(18, 41, 77, .05), 0 14px 34px -10px rgba(18, 41, 77, .22);
  --s3: 0 4px 10px rgba(18, 41, 77, .08), 0 28px 60px -18px rgba(18, 41, 77, .35);
  --s-blau: 0 10px 26px -8px rgba(0, 113, 237, .55);
  --s-knopf: 0 12px 26px -12px rgba(0, 113, 237, .9);
  --s-knopf-hover: 0 16px 30px -12px rgba(0, 113, 237, 1);
  --s-menue: 0 12px 32px rgba(27, 57, 106, .14);   /* Untermenü der Website */
  --fokus-ring: 0 0 0 4px rgba(0, 113, 237, .14);
  --fehler-ring: 0 0 0 4px rgba(210, 72, 58, .12);

  /* ---- Kurven (Konfigurator) ---- */
  --aus: cubic-bezier(.215, .61, .355, 1);
  --aus-stark: cubic-bezier(.16, 1, .3, 1);
  --ein-aus: cubic-bezier(.45, 0, .2, 1);
  --feder: cubic-bezier(.34, 1.56, .64, 1);

  /* ---- Radien ---- */
  --radius: 12px;           /* Karten, Zusammenfassung */
  --radius-klein: 10px;     /* Hinweise, Ablage, Optionen */
  --radius-pille: 999px;    /* Chips, Vertrauenspillen */
  --radius-menue: 5px;      /* Untermenü der Website */
  /* Knöpfe und Felder sind eckig (0), wie auf der Website und im Konfigurator */

  /* ---- Schrift (Poppins 400/500/600) ---- */
  --t-h1: clamp(32px, 4.6vw, 56px);          /* Konfigurator-Kopf; Website-Titel 58.2 px bei 1440 */
  --t-titel: clamp(25px, 2.7vw, 34px);       /* Schritt-Titel */
  --t-lead: clamp(15px, 1.4vw, 18px);
  --t-augenbraue: 12px;                      /* 600, .16em, Grossbuchstaben */
  --t-knopf: 16.5px;                         /* Konfigurator-Knopf 600; Website-Knopf 17.6 px 500 */
  --t-feld: 16px;
  --t-label: 15.5px;
  --t-klein: 13.5px;
  --t-menue: 1.1025rem;                      /* 17.6 px, Untermenü der Website */

  /* ---- Masse ---- */
  --knopf-h: 54px;                           /* Konfigurator; Website 50.5 px */
  --feld-h: 58px;
  --buehne-max: 1112px;                      /* live gemessen bei 1440 px: Karte 758 + Zusammenfassung 330 + Abstand 24 */
  --zf-breite: 330px;
  --buehne-abstand: 24px;
  --held-text-max: 623px;                    /* .efbk-held-innen bei 1440 px */
  --kante-navy: 120px;                       /* Navy reicht so weit in die Arbeitsfläche */
}