/*
 * Design-Tokens des ADESTIS Partnerportals (UX-DR1, PE-30).
 *
 * Einzige Datei mit Hex-Werten. Alle anderen Stylesheets, Templates und Icons nutzen
 * var(--…) bzw. currentColor; tests/test_ui_rules.py erzwingt das. Die ADESTIS-Farben
 * stammen aus brand-colors.md der SPEC (Stand 03.10.2026).
 */

:root {
  /* ADESTIS-Farben */
  --adestis-red-2: #E5133A;
  --adestis-red-1: #A81127;
  --adestis-gray-5: #2A363B;
  --adestis-gray-4: #637080;
  --adestis-gray-3: #848C9C;
  --adestis-gray-2: #AEB2BD;
  --adestis-gray-1: #E7E9EF;
  --adestis-green: #9AC32C;
  --adestis-orange: #E9511D;
  --color-white: #FFFFFF;

  /* Abstände */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.5rem;

  /* Schrift */
  --font-family-base: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Codes und Schlüssel (2FA); nur Schriften des Geräts, nichts von fremden Hosts. */
  --font-family-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.75rem;
  --line-height-base: 1.5;

  /* Formen */
  --radius: 0.25rem;
  --border-width: 1px;
  --border-width-medium: 2px;
  --border-width-strong: 4px;
  --focus-width: 3px;
  --focus-offset: 2px;
  --icon-offset: 0.125em;
  --content-width: 72rem;
}