/*
 * theme.css — Algeria Fashion Council
 * ─────────────────────────────────────
 * AFC uses a Swiss International black & white palette.
 * Overrides ALL colour tokens from dashboard.css so no Zarvo green leaks
 * through in hover states, buttons, inputs, or focus rings.
 *
 * Loaded AFTER core/style.css and BEFORE intake-enhancements.css.
 */

:root {
  /* Backgrounds — near-pure white */
  --bg: #ffffff;
  --surface: #f5f5f5;
  --surface-2: #ebebeb;
  --border: #e0e0e0;
  /* Text — near-pure black */
  --text-hi: #000000;
  --text-mid: #525252;
  --text-lo: #a3a3a3;
  /* Accents — pure black, no green */
  --accent: #000000;
  --mid: #000000;
  --error: #b83228;
  /* Pills & buttons */
  --pill-bg: #000000;
  --pill-text: #ffffff;
  --btn-bg: #000000;
  --btn-text: #ffffff;
  /* Inputs */
  --input-bg: #ffffff;
  --input-border: #e0e0e0;
  --input-focus: #000000;
  /* Misc */
  --positioning-scale-bg: #ebebeb;
  --positioning-scale-text: #000000;
}

[data-theme="light"] {
  --bg: #ffffff;
  --surface: #f5f5f5;
  --surface-2: #ebebeb;
  --border: #e0e0e0;
  --text-hi: #000000;
  --text-mid: #525252;
  --text-lo: #a3a3a3;
  --accent: #000000;
  --mid: #000000;
  --error: #b83228;
  --pill-bg: #000000;
  --pill-text: #ffffff;
  --btn-bg: #000000;
  --btn-text: #ffffff;
  --input-bg: #ffffff;
  --input-border: #e0e0e0;
  --input-focus: #000000;
  --positioning-scale-bg: #ebebeb;
  --positioning-scale-text: #000000;
}

[data-theme="dark"] {
  --bg: #000000;
  --surface: #141414;
  --surface-2: #1e1e1e;
  --border: #2e2e2e;
  --text-hi: #ffffff;
  --text-mid: #a3a3a3;
  --text-lo: #525252;
  --accent: #ffffff;
  --mid: #ffffff;
  --error: #e05050;
  --pill-bg: #ffffff;
  --pill-text: #000000;
  --btn-bg: #ffffff;
  --btn-text: #000000;
  --input-bg: #0a0a0a;
  --input-border: #2e2e2e;
  --input-focus: #ffffff;
  --positioning-scale-bg: #1e1e1e;
  --positioning-scale-text: #ffffff;
}

/* ── AFC form-root scoped overrides ────────────────────────────────────────── */
.intake-form-root {
  --accent: #000000;
  background: var(--bg);
}
[data-theme="dark"] .intake-form-root {
  --accent: #ffffff;
}