/**
 * Badenair UI tokens — source of truth.
 * Brand: orange + navy/blue. Ops surfaces flip with Onyx light/dark.
 */
:root {
  --baden-bg: #eef2f5;
  --baden-card: #fbfcfd;
  --baden-input: #e7edf2;
  --baden-border: #c8d3de;
  --baden-orange: #fb670b;
  --baden-orange-hover: #ff7a20;
  --baden-orange-soft: rgba(251, 103, 11, 0.16);
  --baden-text: #121c26;
  --baden-text-secondary: #3a4b58;
  --baden-text-muted: #667786;
  --baden-nav-control: #e2e8ee;
  --baden-nav-icon: #183447;

  /* Light ops desk matches the nav (--baden-bg) */
  --baden-ops-bg: var(--baden-bg);
  --baden-ops-bg-glow: var(--baden-bg);
  --baden-ops-panel: #ffffff;
  --baden-ops-panel-2: #f4f8fb;
  --baden-ops-input: #e7edf2;
  --baden-ops-line: rgba(24, 52, 71, 0.12);
  --baden-ops-line-strong: rgba(24, 52, 71, 0.22);
  --baden-ops-text: #121c26;
  --baden-ops-muted: #667786;
  --baden-ops-secondary: #3a4b58;
  --baden-ops-green: #1f9d6c;
  --baden-ops-amber: #c4881a;
  --baden-ops-wash: rgba(12, 40, 70, 0.05);
  --baden-ops-track: rgba(24, 52, 71, 0.16);
  --baden-ops-grad-bottom: #dfe8ef;

  --baden-font-brand: "Sinkin Sans", Inter, ui-sans-serif, system-ui, sans-serif;
  --baden-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --baden-font-mono: "Cascadia Mono", Consolas, ui-monospace, monospace;

  --baden-radius-sm: 8px;
  --baden-radius: 14px;
  --baden-radius-lg: 18px;
  --baden-space-1: 4px;
  --baden-space-2: 8px;
  --baden-space-3: 12px;
  --baden-space-4: 16px;
  --baden-space-5: 24px;
  --baden-space-6: 36px;
  --baden-focus: 0 0 0 3px rgba(251, 103, 11, 0.38);

  --ba-orange: var(--baden-orange);
  --ba-orange-hot: var(--baden-orange-hover);
  --ba-line: var(--baden-ops-line);
  --ba-font: var(--baden-font-body);
}

/* Dark mode + auth/cover pages stay on the navy desk */
html.onyx-dark-mode,
html:has(body.page-id-7),
html:has(body.page-id-16),
html:has(body.page-id-17),
html:has(body.page-id-18) {
  --baden-bg: #000d26;
  --baden-card: #071633;
  --baden-input: #08182b;
  --baden-border: rgba(120, 168, 196, 0.28);
  --baden-text: #eef5f8;
  --baden-text-secondary: #b9ccd6;
  --baden-text-muted: #8ea7b4;
  --baden-nav-control: rgba(16, 40, 69, 0.92);
  --baden-nav-icon: #ffffff;

  --baden-ops-bg: #000d26;
  --baden-ops-bg-glow: #000d26;
  --baden-ops-panel: #071633;
  --baden-ops-panel-2: #0a1c3d;
  --baden-ops-input: #08182b;
  --baden-ops-line: rgba(120, 168, 196, 0.22);
  --baden-ops-line-strong: rgba(160, 200, 220, 0.32);
  --baden-ops-text: #eef5f8;
  --baden-ops-muted: #8ea7b4;
  --baden-ops-secondary: #b9ccd6;
  --baden-ops-green: #3dcb92;
  --baden-ops-amber: #e8b04a;
  --baden-ops-wash: rgba(255, 255, 255, 0.04);
  --baden-ops-track: rgba(255, 255, 255, 0.1);
  --baden-ops-grad-bottom: #040e1c;
}

.ba-ops {
  --ops-bg: var(--baden-ops-bg);
  --ops-panel: var(--baden-ops-panel);
  --ops-input: var(--baden-ops-input);
  --ops-line: var(--baden-ops-line);
  --ops-line-strong: var(--baden-ops-line-strong);
  --ops-text: var(--baden-ops-text);
  --ops-muted: var(--baden-ops-muted);
  --ops-secondary: var(--baden-ops-secondary);
  --ops-dim: var(--baden-ops-muted);
  --ops-orange: var(--baden-orange);
  --ops-orange-hover: var(--baden-orange-hover);
  --ops-orange-soft: var(--baden-orange-soft);
  --ops-green: var(--baden-ops-green);
  --ops-amber: var(--baden-ops-amber);
  --ops-mono: var(--baden-font-mono);
  --ops-font: var(--baden-font-body);
  --ops-print: var(--baden-font-brand);
  --ops-radius: var(--baden-radius);
  color: var(--baden-ops-text);
}