/* Novawerk Design-System – Tokens. Identisch fuer Website und Desktop. */

:root {
  /* Terminal-/IDE-Farbwelt (dunkel als Default) */
  --bg:        #0b0f17;
  --bg-2:      #0d1420;
  --surface:   #111826;
  --surface-2: #151d2e;
  --border:    #1f2937;
  --text:      #e6edf3;
  --muted:     #94a3b8;
  --faint:     #64748b;

  --accent:      #2E3CF2;  /* Logo-Blau */
  --accent-2:    #5b74ff;  /* helleres Logo-Blau */
  --accent-ink:  #ffffff;
  --ok:      #22c55e;
  --warn:    #f59e0b;
  --danger:  #ef4444;

  --glow: 0 0 0 1px rgba(34,211,238,.25), 0 8px 40px -12px rgba(34,211,238,.35);
  --shadow: 0 20px 50px -20px rgba(0,0,0,.6);
  --radius: 14px;
  --radius-sm: 9px;

  --font-display: 'Sora', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --maxw: 1120px;
  --gap: 20px;
}

/* Heller Modus */
[data-theme="light"] {
  --bg:        #f5f6fa;
  --bg-2:      #eef0f7;
  --surface:   #ffffff;
  --surface-2: #f4f5fb;
  --border:    #e2e5ef;
  --text:      #0f1320;
  --muted:     #5b6478;
  --faint:     #8b93a7;
  --accent:      #2E3CF2;
  --accent-2:    #5b74ff;
  --accent-ink:  #ffffff;
  --shadow: 0 20px 45px -24px rgba(15,23,42,.25);
  --glow: 0 0 0 1px rgba(8,145,178,.2), 0 8px 30px -14px rgba(8,145,178,.3);
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}