/* OrbitPros theme layer — light defaults + dark overrides.
   Pages reference ONLY these variables for surfaces/text/borders/tints;
   brand orange + on-accent white stay constant across themes. */
:root {
  --op-bg: #f8fafc;
  --op-surface: #ffffff;
  --op-surface2: #f9fafb;
  --op-border: #e5e7eb;
  --op-border-strong: #d1d5db;
  --op-text-strong: #111111;
  --op-text: #374151;
  --op-muted: #6b7280;
  --op-faint: #9ca3af;
  --op-ink-brand: #1f3a5f;
  --op-ink-brand-2: #2b5081;
  --op-navy-bg: #1f3a5f;
  --op-navy-bg-hover: #2b5081;
  --op-navy-deep: #152237;
  --op-green: #16a34a;
  --op-green-text: #065f46;
  --op-green-bg: #ecfdf5;
  --op-green-border: #a7f3d0;
  --op-red: #b91c1c;
  --op-red-text: #991b1b;
  --op-red-bg: #fef2f2;
  --op-red-border: #fecaca;
  --op-amber-bg: #fef3c7;
  --op-amber-text: #92400e;
  --op-blue: #2563eb;
  --op-blue-text: #1e40af;
  --op-blue-bg: #dbeafe;
  --op-orange-bg: #fff7ed;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --op-bg: #0e1520;
  --op-surface: #172230;
  --op-surface2: #1e2b3c;
  --op-border: #2b3c50;
  --op-border-strong: #3e5470;
  --op-text-strong: #f1f5fa;
  --op-text: #c6d2e0;
  --op-muted: #93a4b8;
  --op-faint: #6e8299;
  --op-ink-brand: #bcd2ec;
  --op-ink-brand-2: #9db9d9;
  --op-navy-bg: #2e567f;
  --op-navy-bg-hover: #3a6a9c;
  --op-navy-deep: #0c1523;
  --op-green: #37d39b;
  --op-green-text: #84e6c0;
  --op-green-bg: #0f2c22;
  --op-green-border: #1e5b45;
  --op-red: #f47c7c;
  --op-red-text: #f3a6a6;
  --op-red-bg: #301719;
  --op-red-border: #66272c;
  --op-amber-bg: #32270e;
  --op-amber-text: #f0b64f;
  --op-blue: #6aa6f8;
  --op-blue-text: #a4c1f7;
  --op-blue-bg: #152743;
  --op-orange-bg: #2f1d0d;
}
#op-theme-toggle {
  position: fixed; right: 14px; bottom: 14px; z-index: 9999;
  width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid var(--op-border-strong);
  background: var(--op-surface); color: var(--op-muted);
  font-size: 17px; line-height: 1; cursor: pointer;
  box-shadow: 0 2px 10px rgba(0,0,0,.14); opacity: .9; padding: 0;
}
#op-theme-toggle:hover { opacity: 1; }