/* public/css/tokens.css
 * Kevin / Nautilus Design-Tokens.
 * Globale CSS-Variablen fuer Farben, Radii und Touch-Targets.
 * Wird in layout.ejs + den Landing-Pages vor dem Haupt-CSS eingebunden.
 *
 * Tag 1: nur NEUE Tokens, noch keine Umfaerbung der Bestands-UI.
 * Der Farbtausch im Cockpit passiert an Tag 5 (bewusst separat).
 */
:root {
  /* Kevin-Brand */
  --kevin-warm:    #F59E0B;
  --kevin-bg:      #FFFBEB;
  --kevin-success: #22C55E;
  --kevin-danger:  #EF4444;
  --kevin-text:    #1C1917;
  --kevin-muted:   #78716C;

  /* Nautilus-Accents (bestehende Pflicht-Blautoene nicht ueberschreiben) */
  --nautilus-accent: #005A70;
  --nautilus-slate:  #1E293B;
  --nautilus-teal:   #0D9488;

  /* Touch-Targets (iOS/Android Guideline: 44x44) */
  --touch-min:     44px;
  --touch-padding: 12px 16px;

  /* Fontsize-Basis: 16px verhindert iOS Auto-Zoom auf Inputs */
  --font-base: 16px;

  /* Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
}