/* Brandup – gemeinsame Tokens für Teilnehmer-Bogen und Agentur-Hub.
   Rollen nach Horamic (design/horamic/), Delta nach DESIGN-SYSTEM.md. Farben nur hier definieren. */

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url('../fonts/manrope-latin-wght-normal.woff2') format('woff2-variations'),
       url('../fonts/manrope-latin-wght-normal.woff2') format('woff2');
}

:root {
  /* Neutral-Rampe (Horamic) */
  --n0: #FFFFFF;    /* Karte */
  --n25: #F9FAFB;   /* Canvas */
  --n50: #F4F6F8;   /* Hover-Fläche */
  --n100: #EAEEF0;  /* Hairline */
  --n200: #D7DDE1;  /* aktive Ränder */
  --n300: #C6CED3;  /* Hover-Rand, Disabled-Rand */
  --n400: #B0BCC4;  /* nur dekorativ */
  --n500: #839BAD;  /* Labels ≥ 13–14px/600 */
  --n600: #5C6F7D;  /* lesbarer Sekundärtext */
  --n900: #000000;

  /* Aliase (Bestand) */
  --ink: var(--n900);
  --paper: var(--n25);
  --card: var(--n0);
  --hover-bg: var(--n50);
  --hairline: var(--n100);
  --strong: var(--n200);
  --slate: var(--n500);
  --muted: var(--n400);
  --text-secondary: var(--n600);
  --meter-track: #d9d9d9;
  --row-hover: #FCFDFE;

  /* Brandup-Markenfarben: ausschließlich im Fortschritts-Verlauf der Maßlinie (Teilnehmer-Kopfzeile). Nie sonst im UI. */
  --lime: #D8FF3E;
  --mint: #54E8A9;
  --tuerkis: #00B4CC;
  --gradient: linear-gradient(90deg, #D8FF3E 0%, #54E8A9 40%, #00B4CC 80%);

  /* UI-Farben nach Horamic, Blau auf das Nötigste reduziert (23.09.2026): Schwarz trägt Auswahl, Fokus, Hover,
     Checkbox, Links. Blau nur noch dort, wo eine zweite Farbe neben Schwarz nötig ist („Künftig“-Datenreihe). */
  --interactive: #2F6FED;
  --interactive-hover: #1D4FC4;
  --focus-color: var(--n900);     /* Fokusring und Fokus-Rand von Eingabefeldern */
  --select-border: var(--n900);   /* ausgewählt: Rand 2 px */
  --select-surface: var(--n50);   /* ausgewählt: Fläche */
  --done: var(--success-base);    /* beantwortet / abgeschickt / gespeichert */
  --future: var(--interactive);   /* „Künftig“-Regler (Heute = Schwarz) */

  /* Daten (Horamic, eigene Kategorie, Reihenfolge nach Index) */
  --chart-1: #2BD97B;

  /* Semantik (Horamic): -text / -base / -surface */
  --success-text: #128A3E; --success-base: #17C964; --success-surface: #DBFAE3;
  --warning-text: #E0641C; --warning-base: #FF9214; --warning-surface: #FFEEDB;
  --error-text: #C42B30;   --error-base: #F5333F;   --error-surface: #FEE5E6;

  /* Zustände */
  --disabled-text: var(--n400); --disabled-surface: var(--n50); --disabled-border: var(--n300);
  --inverse: #111417;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px var(--focus-color);
  --input-focus: inset 0 0 0 1px var(--focus-color);
  --shadow-float: 0 8px 24px rgba(16, 24, 32, 0.10), 0 2px 6px rgba(16, 24, 32, 0.05);
  --shadow-modal: 0 20px 60px rgba(16, 24, 32, 0.18);
  --knob-shadow: 0 1px 3px rgba(16, 24, 32, 0.25);

  --font: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ease: 150ms ease;
  --r-pill: 999px;
  --r-input: 12px;
}