/* The Digitale Design System: Tokens als CSS-Variablen (--td-*).
   Quelle: design/tokens.css aus dem Export-Paket, hier unter .geo-rc gescoped,
   damit Theme-Styles nicht kollidieren. Roboto lädt das Plugin nicht selbst,
   ohne Roboto greift der Fallback Arial.
   Komponenten-Styles verwenden nur diese Variablen, keine Hex-Werte. */
.geo-rc {
  /* Farben */
  --td-orange: #ff6900;
  --td-orange-80: #ff8733;
  --td-orange-60: #ffa566;
  --td-orange-40: #ffc399;
  --td-orange-20: #ffe1cc;
  --td-orange-dunkel: #bb4e1b;
  --td-schwarz: #000000;
  --td-anthrazit: #222222;
  --td-schwarz-60: #666666;
  --td-grau: #787878;
  --td-hellgrau: #d5d5d5;
  --td-grau-flaeche: #f2f2f2;
  --td-grau-verlauf: #f4f4f4;
  --td-weiss: #ffffff;
  --td-text: var(--td-anthrazit);
  --td-text-muted: var(--td-schwarz-60);
  --td-headline-akzent: var(--td-orange);
  --td-surface: var(--td-weiss);
  --td-surface-alt: var(--td-grau-flaeche);
  --td-akzent: var(--td-orange);
  --td-akzent-hover: var(--td-anthrazit);
  --td-on-akzent: var(--td-weiss);
  --td-linie: var(--td-hellgrau);
  --td-fokus: var(--td-schwarz);
  /* Schrift */
  --td-font-sans: Roboto, Arial, Helvetica, sans-serif;
  --td-font-arial: Arial, Helvetica, sans-serif;
  --td-type-dachzeile-size: 24px; --td-type-dachzeile-line: 1.2; --td-type-dachzeile-weight: 900;
  --td-type-display-size: 48px; --td-type-display-line: 1.15; --td-type-display-weight: 900;
  --td-type-h2-size: 32px; --td-type-h2-line: 1.25; --td-type-h2-weight: 700;
  --td-type-karten-titel-size: 26px; --td-type-karten-titel-line: 1.2; --td-type-karten-titel-weight: 700;
  --td-type-h3-size: 24px; --td-type-h3-line: 1.2; --td-type-h3-weight: 700;
  --td-type-body-lg-size: 18px; --td-type-body-lg-line: 28px; --td-type-body-lg-weight: 400;
  --td-type-body-size: 15px; --td-type-body-line: 1.7; --td-type-body-weight: 400;
  --td-type-hashtag-size: 15px; --td-type-hashtag-line: 1.7; --td-type-hashtag-weight: 500;
  --td-type-button-size: 16px; --td-type-button-line: 1.7; --td-type-button-weight: 700; --td-type-button-tracking: 2px;
  --td-type-caption-size: 13px; --td-type-caption-line: 18px; --td-type-caption-weight: 400;
  /* spacing */
  --td-space-2: 8px;
  --td-space-4: 16px;
  --td-space-6: 24px;
  --td-space-12: 48px;
  /* radius */
  --td-radius-button: 0px;
  --td-radius-karte: 10px;
  --td-radius-rund: 9999px;
  /* shadow */
  --td-shadow-button: 6px 6px 18px 0px rgba(0,0,0,0.3);
  --td-shadow-karte: 6px 6px 18px 0px #c1c1c1;
  /* Seitenspezifisch, nicht Teil des Design Systems. Die Balkenfarben der
     bestehenden Ergebnisseite (--geo-low/-mid/-high) bleiben in geo-check.css. */
  --geo-row-done: #fafafa;
}