/* Foxnett client tokens — shared by dashboard dark mode (html[data-foxnett-theme]) and auth. */

:root {
  --fx-client-font: var(--main-font, inherit);
  --fx-client-bg: #eef1f6;
  --fx-client-surface: #ffffff;
  --fx-client-surface-elevated: #ffffff;
  --fx-client-text: #1a2332;
  --fx-client-text-secondary: #3d4756;
  --fx-client-text-muted: #6b7380;
  --fx-client-border: #dce1ea;
  --fx-client-primary: var(--main-clr, #1b4f8c);
  --fx-client-primary-hover: #154070;
  --fx-client-on-primary: #ffffff;
  --fx-client-success: #2d9f46;
  --fx-client-warning: #cc6d00;
  --fx-client-danger: #c62832;
  --fx-client-focus: rgba(27, 79, 140, 0.28);
  --fx-client-overlay: rgba(10, 18, 32, 0.55);
  --fx-client-input-bg: #ffffff;
  --fx-client-input-text: #1a2332;
  --fx-client-input-border: #cfd6e0;
  --fx-client-error-bg: #fdf2f3;
  --fx-client-error-text: #8e1e26;
  --fx-client-error-border: #f3c4c8;
  --fx-client-radius: 10px;
  --fx-client-space-1: 4px;
  --fx-client-space-2: 8px;
  --fx-client-space-3: 12px;
  --fx-client-space-4: 16px;
  --fx-client-space-5: 24px;
  --fx-client-space-6: 32px;
  --fx-client-space-7: 48px;
  --fx-client-visual-text: #f4f7fb;
  --fx-client-visual-muted: rgba(244, 247, 251, 0.72);
  --fx-client-z-base: 1;
  --fx-client-z-raised: 10;
  --fx-client-z-sticky: 100;
  --fx-client-z-popover: 400;
  --fx-client-z-overlay: 500;
}

html[data-foxnett-theme="dark"] {
  --fx-client-bg: #121418;
  --fx-client-surface: #1e2229;
  --fx-client-surface-elevated: #242a33;
  --fx-client-text: #f2f4f7;
  --fx-client-text-secondary: #c5c9d1;
  --fx-client-text-muted: #8b909a;
  --fx-client-border: #2a2f38;
  --fx-client-primary: var(--main-clr, #4a8fd4);
  --fx-client-primary-hover: #6aa3dc;
  --fx-client-on-primary: #ffffff;
  --fx-client-focus: rgba(74, 143, 212, 0.4);
  --fx-client-overlay: rgba(4, 6, 10, 0.65);
  --fx-client-input-bg: #16181d;
  --fx-client-input-text: #f2f4f7;
  --fx-client-input-border: #3a3f4a;
  --fx-client-error-bg: #3a1c1f;
  --fx-client-error-text: #f7d4d6;
  --fx-client-error-border: #6b2a31;
  --fx-client-visual-text: #f2f4f7;
  --fx-client-visual-muted: rgba(197, 201, 209, 0.8);
}