/* Witness AI — design tokens (light + dark) */
:root {
  --font: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --mono: var(--font-mono);
  --container: 72rem;
  --radius: 12px;
  --radius-sm: 8px;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 5rem;
  --scroll-offset: 5.5rem;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 0.2s;
  --dur-med: 0.45s;
  --dur-slow: 0.7s;
}

html[data-theme="light"] {
  --primary: #0d9488;
  --primary-dark: #0f766e;
  --accent: #14b8a6;
  --primary-light: #ecfdf5;
  --gradient: linear-gradient(135deg, #0d9488 0%, #14b8a6 55%, #2dd4bf 100%);
  --shadow: 0 4px 24px rgba(13, 148, 136, 0.14);
  --shadow-lg: 0 20px 60px rgba(13, 148, 136, 0.12);
  --bg: #ffffff;
  --bg-soft: #f6f7fb;
  --bg-dark: #0f172a;
  --bg-card: #ffffff;
  --bg-elevated: #f8fafc;
  --border: #e5e8f0;
  --text: #0f172a;
  --text-muted: #64748b;
  --header-bg: rgba(255, 255, 255, 0.92);
  --verdict-allow: #059669;
  --verdict-block: #dc2626;
  --verdict-escalate: #d97706;
  --terminal-bg: #0b1219;
  --terminal-text: #e2e8f0;
}

html[data-theme="dark"] {
  --primary: #2dd4bf;
  --primary-dark: #14b8a6;
  --accent: #2dd4bf;
  --primary-light: rgba(45, 212, 191, 0.12);
  --gradient: linear-gradient(135deg, #0d9488 0%, #2dd4bf 100%);
  --shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.45);
  --bg: #060a0f;
  --bg-soft: #0b1219;
  --bg-dark: #060a0f;
  --bg-card: #101a24;
  --bg-elevated: #0b1219;
  --border: #1e2d3d;
  --text: #f0f4f8;
  --text-muted: #a8b8c8;
  --header-bg: rgba(11, 18, 25, 0.92);
  --verdict-allow: #34d399;
  --verdict-block: #f87171;
  --verdict-escalate: #fbbf24;
  --terminal-bg: #060a0f;
  --terminal-text: #cbd5e1;
}