/* tokens.css — Saatio Vertriebstool M8: Design-Tokens (Vorlage: Sana AI,
   Abweichungen laut Briefing: Indigo-Akzent, ~30 % höhere Dichte).
   EINZIGE Datei mit Hex-Werten — außerhalb nur var(...)-Referenzen. */

@font-face {
  font-family: "Inter";
  src: url("/fonts/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Flächen */
  --bg-page:        #FFFFFF;
  --bg-sidebar:     #FCFCFC;
  --bg-surface:     #F6F6F6;   /* Karten, Eingabefelder, inaktive Chips */
  --bg-hover:       #F0F0F0;
  --bg-active:      #EBEBEB;   /* aktiver Sidebar-Eintrag */

  /* Linien */
  --border-hairline: #EAEAEA;  /* Trenner in Listen, Sidebar-Kante */

  /* Text */
  --text-primary:   #171717;
  --text-secondary: #6B6B6B;
  --text-tertiary:  #9E9E9E;   /* Platzhalter, leere Zustände */
  --text-on-accent: #FFFFFF;

  /* Akzent — unsere Farbe, nicht Sanas Schwarz */
  --accent:         #4F46E5;
  --accent-hover:   #4338CA;
  --accent-subtle:  #EEF0FE;   /* Chip-Hintergrund */

  /* Signale */
  --danger:         #DC2626;   /* nur Zerstörendes */
  --success:        #16A34A;   /* nur Status und Schalter */
  --warning:        #D97706;   /* überfällige Aktionen */
  --warning-subtle: #FBF1E5;   /* Hintergrund für Überfällig-Chips/-Hinweise */

  /* Overlay-Schatten (NUR Modal, Menü, Toast, Slide-over) */
  --shadow-overlay: 0 12px 40px rgba(23, 23, 23, .14);

  /* Schrift */
  --font: "Inter", system-ui, -apple-system, sans-serif;

  /* Legacy-Aliasse: Inline-Styles im Bestand referenzieren noch die alten
     Variablennamen — sie zeigen hier zentral auf die neuen Tokens. */
  --ink: var(--text-primary);
  --ink-soft: var(--text-secondary);
  --line: var(--border-hairline);
  --surface: var(--bg-page);
  --bg: var(--bg-page);
  --indigo: var(--accent);
  --indigo-deep: var(--accent-hover);
  --violet-soft: var(--accent-subtle);
  --green: var(--success);
  --amber: var(--warning);
  --red: var(--danger);
}