/*
 * MFN Accessibility Color Tokens — WCAG 2.2 AA baseline
 * Text pairs target >=4.5:1 for normal text. Meaningful UI boundaries/focus
 * indicators target >=3:1 against adjacent surfaces.
 */
:root{
  color-scheme:dark;
  --mfn-color-bg:#0B1017;
  --mfn-color-surface:#121821;
  --mfn-color-surface-2:#171E29;
  --mfn-color-surface-3:#202A36;
  --mfn-color-ink:#05070A;
  --mfn-color-text:#F7F8FA;
  --mfn-color-text-secondary:#C4CDD8;
  --mfn-color-text-tertiary:#AEB9C6;
  --mfn-color-yellow:#FFF200;
  --mfn-color-yellow-text:#FFF200;
  --mfn-color-cyan:#6FCCDD;
  --mfn-color-magenta:#CB60B2;
  --mfn-color-magenta-aa:#CB60B2;
  --mfn-color-magenta-legacy:#CB60B2;
  --mfn-color-border:#667689;
  --mfn-color-border-subtle:#435163;
  --mfn-color-focus:#FFF200;
  --mfn-color-error:#D85A75;
  --mfn-color-error-bg:#431827;
  --mfn-color-error-text:#FFFFFF;
  --mfn-color-success:#64D98B;
  --mfn-color-success-bg:#113920;
  --mfn-color-disabled:#9AA6B4;
  --mfn-focus-ring:0 0 0 3px #05070A,0 0 0 6px #FFF200;
}
html[data-mfn-theme="light"]{
  color-scheme:light;
  --mfn-color-bg:#F3F5F7;
  --mfn-color-surface:#FFFFFF;
  --mfn-color-surface-2:#E7EDF2;
  --mfn-color-surface-3:#DDE5EC;
  --mfn-color-ink:#111A23;
  --mfn-color-text:#17212B;
  --mfn-color-text-secondary:#4C5C6E;
  --mfn-color-text-tertiary:#56677A;
  --mfn-color-yellow:#FFF200;
  --mfn-color-yellow-text:#665C00;
  --mfn-color-cyan:#066C7C;
  --mfn-color-magenta:#8C246F;
  --mfn-color-magenta-aa:#8C246F;
  --mfn-color-magenta-legacy:#8C246F;
  --mfn-color-border:#6C7D90;
  --mfn-color-border-subtle:#A9B4C0;
  --mfn-color-focus:#066C7C;
  --mfn-color-error:#8C246F;
  --mfn-color-error-bg:#FCEAF3;
  --mfn-color-error-text:#5C173F;
  --mfn-color-success:#2E7342;
  --mfn-color-success-bg:#EAF6ED;
  --mfn-color-disabled:#607085;
  --mfn-focus-ring:0 0 0 3px #FFFFFF,0 0 0 6px #066C7C;
}