/* ADPma design tokens -- generated 2026-10-23. ASCII only.
   Source of truth for color, type, spacing. Pages use the --color-* roles,
   never the raw --adp-* ramps, so a palette change happens in one place.
   Brand: navy #042542 (adpma.com), action green #7ac442 (adpma.com buttons),
   logo lime #95fa1e (logo dot + highlights on navy only). */

:root {
  color-scheme: light;
  /* ---- brand constants ---- */
  --adp-brand-navy:  #042542;
  --adp-brand-green: #7ac442;
  --adp-brand-lime:  #95fa1e;
  --adp-brand-warm-grey: #c1bab6; /* the "ma" in the logo; logo use only */

  /* ---- ramps (primitives) ---- */
  --adp-navy-50: #f1f8ff;
  --adp-navy-100: #e3f0fe;
  --adp-navy-200: #c5e1ff;
  --adp-navy-300: #9cccfe;
  --adp-navy-400: #70b3f6;
  --adp-navy-500: #4497e4;
  --adp-navy-600: #257bc6;
  --adp-navy-700: #0b60a2;
  --adp-navy-800: #01477c;
  --adp-navy-900: #042542;
  --adp-navy-950: #001830;

  --adp-green-50: #f2faed;
  --adp-green-100: #e4f5db;
  --adp-green-200: #c9eab7;
  --adp-green-300: #a5d986;
  --adp-green-400: #7ac442;
  --adp-green-500: #5caa01;
  --adp-green-600: #4a8b01;
  --adp-green-700: #3a6d03;
  --adp-green-800: #295101;
  --adp-green-900: #1a3601;
  --adp-green-950: #0e2200;

  --adp-neutral-0: #ffffff;
  --adp-neutral-50: #f3f7fc;
  --adp-neutral-100: #eaeff4;
  --adp-neutral-200: #d9dfe5;
  --adp-neutral-300: #c1c8d0;
  --adp-neutral-400: #a6afb8;
  --adp-neutral-500: #8a939d;
  --adp-neutral-600: #6b747d;
  --adp-neutral-700: #565f67;
  --adp-neutral-800: #3f464d;
  --adp-neutral-900: #282f35;
  --adp-neutral-950: #171c22;

  --adp-red-50: #fff4f3;
  --adp-red-100: #fee9e6;
  --adp-red-200: #fed2cd;
  --adp-red-300: #ffb0a9;
  --adp-red-400: #ff847d;
  --adp-red-500: #f4514f;
  --adp-red-600: #d42f34;
  --adp-red-700: #ae1420;
  --adp-red-800: #860012;
  --adp-red-900: #5d0009;
  --adp-red-950: #3c0104;

  --adp-amber-50: #fff5eb;
  --adp-amber-100: #feebd7;
  --adp-amber-200: #fcd7ae;
  --adp-amber-300: #f6bb75;
  --adp-amber-400: #e79c34;
  --adp-amber-500: #c88004;
  --adp-amber-600: #a46805;
  --adp-amber-700: #825204;
  --adp-amber-800: #613c01;
  --adp-amber-900: #422701;
  --adp-amber-950: #2a1701;

  /* ---- UI roles: light ---- */
  --color-bg-page: #f3f7fc;
  --color-bg-surface: #ffffff;
  --color-bg-subtle: #eaeff4;
  --color-bg-hover: #f1f8ff;
  --color-bg-selected: #e3f0fe;
  --color-border: #d9dfe5;
  --color-border-strong: #8a939d;
  --color-text: #282f35;
  --color-text-heading: #042542;
  --color-text-muted: #565f67;
  --color-text-subtle: #6b747d;
  --color-text-disabled: #a6afb8;
  --color-link: #0b60a2;
  --color-link-hover: #01477c;
  --color-primary: #042542;
  --color-primary-hover: #01477c;
  --color-primary-active: #001830;
  --color-on-primary: #ffffff;
  --color-accent: #7ac442;
  --color-accent-hover: #a5d986;
  --color-accent-active: #5caa01;
  --color-on-accent: #042542;
  --color-focus: #257bc6;
  --color-focus-on-dark: #95fa1e;
  --color-header-bg: #042542;
  --color-header-text: #ffffff;
  --color-header-text-muted: #c5e1ff;
  --color-header-hover: #01477c;
  --color-header-active: #95fa1e;
  --color-menu-bg: #ffffff;
  --color-menu-heading: #6b747d;
  --color-menu-item: #282f35;
  --color-menu-item-hover-bg: #f1f8ff;
  --color-success-text: #3a6d03;
  --color-success-bg: #f2faed;
  --color-success-border: #a5d986;
  --color-success-solid: #3a6d03;
  --color-warning-text: #613c01;
  --color-warning-bg: #fff5eb;
  --color-warning-border: #f6bb75;
  --color-warning-solid: #e79c34;
  --color-danger-text: #ae1420;
  --color-danger-bg: #fff4f3;
  --color-danger-border: #ffb0a9;
  --color-danger-solid: #d42f34;
  --color-info-text: #0b60a2;
  --color-info-bg: #f1f8ff;
  --color-info-border: #9cccfe;
  --color-info-solid: #0b60a2;
  --color-table-head-bg: #eaeff4;
  --color-table-row-alt: #f3f7fc;
  --color-table-row-hover: #f1f8ff;
  --color-table-row-selected: #f2faed;
  --color-on-success-solid: #ffffff;
  --color-on-warning-solid: #171c22;
  --color-on-danger-solid: #ffffff;
  --color-on-info-solid: #ffffff;
  /* ---- charts: categorical order is fixed (validated for color-blind
     separation); never cycle, fold a 9th series into "Other".
     Sequential = navy ramp; diverging = navy <-> red, neutral mid. ---- */
  --chart-1: #257bc6;
  --chart-2: #4a8b01;
  --chart-3: #e87ba4;
  --chart-4: #eda100;
  --chart-5: #1baf7a;
  --chart-6: #eb6834;
  --chart-7: #6250d6;
  --chart-8: #e34948;
  --chart-grid: #d9dfe5;
  --chart-axis: #c1c8d0;
  --chart-label: #565f67;
  --chart-diverge-mid: #eaeff4;

  /* ---- type: swap fonts here only ---- */
  --font-brand: "Barlow", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-ui:    "Barlow", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono:  ui-monospace, "Cascadia Mono", Consolas, monospace;
  --text-xs: 0.75rem;  --text-sm: 0.875rem; --text-base: 1rem;
  --text-lg: 1.125rem; --text-xl: 1.375rem; --text-2xl: 1.75rem;
  --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700;
  --tracking-caps: 0.06em;  /* uppercase headings/buttons, as on adpma.com */

  /* ---- shape, space, depth ---- */
  --radius-sm: 2px; --radius: 4px; --radius-lg: 8px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px;
  --shadow-1: 0 1px 2px rgba(4,37,66,.08);
  --shadow-2: 0 4px 12px rgba(4,37,66,.12);
  --shadow-menu: 0 12px 32px rgba(4,37,66,.18);
  --header-height: 64px;
  --control-height: 36px; --control-height-sm: 28px;
  --focus-ring: 0 0 0 2px var(--color-bg-surface), 0 0 0 4px var(--color-focus);
}

/* Dark: follows the OS unless the page sets data-theme="light"; data-theme="dark" forces it. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-bg-page: #171c22;
    --color-bg-surface: #282f35;
    --color-bg-subtle: #3f464d;
    --color-bg-hover: #1f3348;
    --color-bg-selected: #21405f;
    --color-border: #3f464d;
    --color-border-strong: #8a939d;
    --color-text: #f3f7fc;
    --color-text-heading: #ffffff;
    --color-text-muted: #c1c8d0;
    --color-text-subtle: #a6afb8;
    --color-text-disabled: #6b747d;
    --color-link: #9cccfe;
    --color-link-hover: #c5e1ff;
    --color-primary: #9cccfe;
    --color-primary-hover: #c5e1ff;
    --color-primary-active: #70b3f6;
    --color-on-primary: #001830;
    --color-accent: #7ac442;
    --color-accent-hover: #a5d986;
    --color-accent-active: #5caa01;
    --color-on-accent: #001830;
    --color-focus: #95fa1e;
    --color-focus-on-dark: #95fa1e;
    --color-header-bg: #001830;
    --color-header-text: #ffffff;
    --color-header-text-muted: #c5e1ff;
    --color-header-hover: #042542;
    --color-header-active: #95fa1e;
    --color-menu-bg: #282f35;
    --color-menu-heading: #a6afb8;
    --color-menu-item: #f3f7fc;
    --color-menu-item-hover-bg: #1f3348;
    --color-success-text: #a5d986;
    --color-success-bg: #17260f;
    --color-success-border: #3a6d03;
    --color-success-solid: #7ac442;
    --color-warning-text: #f6bb75;
    --color-warning-bg: #2e2112;
    --color-warning-border: #825204;
    --color-warning-solid: #e79c34;
    --color-danger-text: #ffb0a9;
    --color-danger-bg: #35171a;
    --color-danger-border: #ae1420;
    --color-danger-solid: #f4514f;
    --color-info-text: #9cccfe;
    --color-info-bg: #14273c;
    --color-info-border: #0b60a2;
    --color-info-solid: #70b3f6;
    --color-table-head-bg: #3f464d;
    --color-table-row-alt: #20262c;
    --color-table-row-hover: #1f3348;
    --color-table-row-selected: #17260f;
    --color-on-success-solid: #001830;
    --color-on-warning-solid: #171c22;
    --color-on-danger-solid: #171c22;
    --color-on-info-solid: #001830;
    --chart-1: #4497e4;
    --chart-2: #5caa01;
    --chart-3: #d55181;
    --chart-4: #c98500;
    --chart-5: #199e70;
    --chart-6: #d95926;
    --chart-7: #9085e9;
    --chart-8: #e66767;
    --chart-grid: #3f464d;
    --chart-axis: #565f67;
    --chart-label: #c1c8d0;
    --chart-diverge-mid: #3f464d;
    --shadow-1: 0 1px 2px rgba(0,0,0,.4);
    --shadow-2: 0 4px 12px rgba(0,0,0,.5);
    --shadow-menu: 0 12px 32px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg-page: #171c22;
  --color-bg-surface: #282f35;
  --color-bg-subtle: #3f464d;
  --color-bg-hover: #1f3348;
  --color-bg-selected: #21405f;
  --color-border: #3f464d;
  --color-border-strong: #8a939d;
  --color-text: #f3f7fc;
  --color-text-heading: #ffffff;
  --color-text-muted: #c1c8d0;
  --color-text-subtle: #a6afb8;
  --color-text-disabled: #6b747d;
  --color-link: #9cccfe;
  --color-link-hover: #c5e1ff;
  --color-primary: #9cccfe;
  --color-primary-hover: #c5e1ff;
  --color-primary-active: #70b3f6;
  --color-on-primary: #001830;
  --color-accent: #7ac442;
  --color-accent-hover: #a5d986;
  --color-accent-active: #5caa01;
  --color-on-accent: #001830;
  --color-focus: #95fa1e;
  --color-focus-on-dark: #95fa1e;
  --color-header-bg: #001830;
  --color-header-text: #ffffff;
  --color-header-text-muted: #c5e1ff;
  --color-header-hover: #042542;
  --color-header-active: #95fa1e;
  --color-menu-bg: #282f35;
  --color-menu-heading: #a6afb8;
  --color-menu-item: #f3f7fc;
  --color-menu-item-hover-bg: #1f3348;
  --color-success-text: #a5d986;
  --color-success-bg: #17260f;
  --color-success-border: #3a6d03;
  --color-success-solid: #7ac442;
  --color-warning-text: #f6bb75;
  --color-warning-bg: #2e2112;
  --color-warning-border: #825204;
  --color-warning-solid: #e79c34;
  --color-danger-text: #ffb0a9;
  --color-danger-bg: #35171a;
  --color-danger-border: #ae1420;
  --color-danger-solid: #f4514f;
  --color-info-text: #9cccfe;
  --color-info-bg: #14273c;
  --color-info-border: #0b60a2;
  --color-info-solid: #70b3f6;
  --color-table-head-bg: #3f464d;
  --color-table-row-alt: #20262c;
  --color-table-row-hover: #1f3348;
  --color-table-row-selected: #17260f;
  --color-on-success-solid: #001830;
  --color-on-warning-solid: #171c22;
  --color-on-danger-solid: #171c22;
  --color-on-info-solid: #001830;
  --chart-1: #4497e4;
  --chart-2: #5caa01;
  --chart-3: #d55181;
  --chart-4: #c98500;
  --chart-5: #199e70;
  --chart-6: #d95926;
  --chart-7: #9085e9;
  --chart-8: #e66767;
  --chart-grid: #3f464d;
  --chart-axis: #565f67;
  --chart-label: #c1c8d0;
  --chart-diverge-mid: #3f464d;
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 4px 12px rgba(0,0,0,.5);
  --shadow-menu: 0 12px 32px rgba(0,0,0,.6);
}