/* Design-Tokens für DevOps-Cockpit + Subseiten (runs.html). */
/* Identisch zu :root in index.html, dort inline duplikate (wird im nächsten Refactor extrahiert). */

:root {
  --bg-page: #0f172a;
  --bg-surface: #1e293b;
  --bg-hover: #334155;
  --border: #475569;
  --border-soft: #334155;

  --text-primary: #f1f5f9;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;

  --accent: #3b82f6;
  --accent-hover: #60a5fa;

  --status-green: #10b981;
  --status-amber: #f59e0b;
  --status-red: #ef4444;

  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 12px;
  --sp-lg: 16px;
  --sp-xl: 24px;
  --sp-2xl: 32px;

  --radius: 6px;
  --sidebar-width: 16rem;

  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}