/* Aether ADP — color tokens.
   Every value below is transcribed verbatim from "[Aether] ADP UI 2.0 (WIP).fig",
   except --color-brand-* : the source's underlying UI kit shipped a purple ramp there
   (#7F56D9/#6941C6); by brand direction it is aliased to Aether blue instead, so
   Button "Primary", checkboxes, radios and focus rings all render in Aether blue. */

:root {
  /* Base */
  --color-white: #FFFFFF;
  --color-black: #000000;

  /* Aether blue — product brand */
  --color-aether-100: #D8E3FF;
  --color-aether-300: #869DE1;
  --color-aether-600: #33499C;
  --color-aether-700: #253786;
  --color-aether-900: #101A5A;

  /* Brand — aliased to Aether blue. The UI kit this file is built on shipped a purple
     brand ramp (#7F56D9/#6941C6) for these same roles; replaced per brand direction. */
  --color-brand-50: #EEF1FA;
  --color-brand-600: var(--color-aether-600);
  --color-brand-700: var(--color-aether-700);

  /* Gray — the neutral spine of every surface, border and label */
  --color-gray-25: #FCFCFD;
  --color-gray-50: #F9FAFB;
  --color-gray-100: #F2F4F7;
  --color-gray-200: #EAECF0;
  --color-gray-250: #E4E7EC;
  --color-gray-300: #D0D5DD;
  --color-gray-400: #98A2B3;
  --color-gray-500: #667085;
  --color-gray-600: #475467;
  --color-gray-700: #344054;
  --color-gray-900: #101828;
  --color-gray-flat: #F0F0F0;

  /* Error */
  --color-error-50: #FEF3F2;
  --color-error-200: #FECDCA;
  --color-error-600: #D92D20;
  --color-error-700: #B42318;
  --color-error-alert: #D80027;

  /* Warning */
  --color-warning-50: #FFFAEB;
  --color-warning-200: #FEDF89;
  --color-warning-400: #FFDA44;

  /* Success */
  --color-success-50: #ECFDF3;
  --color-success-100: #ABEFC6;

  /* Blue light — informational accents */
  --color-blue-light-500: #0BA5EC;

  /* ---- Semantic aliases ---- */
  --bg-page: var(--color-gray-50);
  --bg-primary: var(--color-white);
  --bg-secondary: var(--color-gray-50);
  --bg-tertiary: var(--color-gray-100);
  --bg-table-header: var(--color-gray-25);
  --bg-nav: var(--color-aether-600);
  --bg-nav-active: var(--color-aether-700);
  --bg-overlay: rgba(52,64,84,0.7);

  --text-primary: var(--color-gray-900);
  --text-secondary: var(--color-gray-700);
  --text-tertiary: var(--color-gray-600);
  --text-quaternary: var(--color-gray-500);
  --text-placeholder: var(--color-gray-500);
  --text-disabled: var(--color-gray-400);
  --text-on-brand: var(--color-white);
  --text-nav: var(--color-white);
  --text-nav-muted: var(--color-aether-100);
  --text-brand: var(--color-brand-700);
  --text-error: var(--color-error-600);

  --border-primary: var(--color-gray-300);
  --border-secondary: var(--color-gray-200);
  --border-nav: var(--color-aether-300);
  --border-error: var(--color-error-600);

  --focus-ring-brand: rgba(51,73,156,0.24);
  --focus-ring-gray: rgba(152,162,179,0.14);
}