/* ============================================================
   EBRPHA — Grayscale override.
   Load AFTER ds-tokens.css / ds-components.css / page.css.
   Re-maps every brand color token to a neutral gray of the
   same lightness, so all schemes, badges, and accents become
   pure black / white / gray with no hue.
   ============================================================ */
:root {
  /* Neutrals (de-warmed to true gray) */
  --color-neutral-lightest: #f2f2f2;
  --color-neutral-lighter:  #dadada;
  --color-neutral-light:    #b6b6b6;
  --color-neutral:          #838383;
  --color-neutral-dark:     #525252;
  --color-neutral-darker:   #202020;
  --color-neutral-darkest:  #0a0a0a;

  /* Orient (was blue) — primary accent + dark scheme backgrounds */
  --color-orient-lightest: #eeeeee;
  --color-orient-lighter:  #dddddd;
  --color-orient-light:    #8a8a8a;
  --color-orient:          #1f1f1f;
  --color-orient-dark:     #141414;
  --color-orient-darker:   #1b1b1b;
  --color-orient-darkest:  #101010;

  /* Mojo (was red) */
  --color-mojo-lightest: #eeeeee;
  --color-mojo-lighter:  #dddddd;
  --color-mojo-light:    #9a9a9a;
  --color-mojo:          #565656;
  --color-mojo-dark:     #4a4a4a;
  --color-mojo-darker:   #262626;
  --color-mojo-darkest:  #1c1c1c;

  /* Sea Green (was green) */
  --color-sea-green-lightest: #eeeeee;
  --color-sea-green-lighter:  #dddddd;
  --color-sea-green-light:    #9a9a9a;
  --color-sea-green:          #565656;
  --color-sea-green-dark:     #3c3c3c;
  --color-sea-green-darker:   #242424;
  --color-sea-green-darkest:  #1a1a1a;

  /* Web Orange (was gold) — light accent used on dark schemes */
  --color-web-orange-lightest: #eeeeee;
  --color-web-orange-lighter:  #dddddd;
  --color-web-orange-light:    #bdbdbd;
  --color-web-orange:          #9a9a9a;
  --color-web-orange-dark:     #4d4d4d;
  --color-web-orange-darker:   #3a3a3a;
  --color-web-orange-darkest:  #2a2a2a;
}

/* Keep a visible, neutral focus ring on both light and dark sections */
:focus-visible { outline-color: var(--color-neutral); }