/* anchor: ABE's owned system + Stripe-data profile.
   diverge: the existing navy brand, 48px counter controls, and a fixed dark
   navigation rail. Values belong here; components consume semantic roles. */
:root {
  color-scheme: light;
  --naua-canvas: light-dark(hsl(40 18% 97%), hsl(224 16% 17%));
  --naua-surface: light-dark(hsl(0 0% 100%), hsl(224 13% 24%));
  --naua-surface-raised: light-dark(hsl(0 0% 100%), hsl(224 12% 30%));
  --naua-logo-surface: hsl(0 0% 100%);
  --naua-surface-hover: light-dark(hsl(220 20% 96%), hsl(224 12% 34%));
  --naua-text: light-dark(hsl(225 26% 18%), hsl(220 20% 94%));
  --naua-text-muted: light-dark(hsl(220 10% 42%), hsl(220 12% 78%));
  --naua-border: light-dark(hsl(220 13% 87%), hsl(224 12% 38%));
  --naua-control-border: light-dark(hsl(220 10% 55%), hsl(220 10% 56%));
  --naua-action: light-dark(hsl(220 49% 35%), hsl(215 75% 74%));
  --naua-action-hover: light-dark(hsl(220 49% 28%), hsl(215 75% 82%));
  --naua-action-text: light-dark(hsl(0 0% 100%), hsl(225 26% 14%));
  --naua-action-surface: light-dark(hsl(218 50% 96%), hsl(221 32% 24%));
  --naua-focus: light-dark(hsl(217 64% 45%), hsl(215 75% 74%));
  --naua-success-surface: light-dark(hsl(148 38% 95%), hsl(153 27% 19%));
  --naua-success-text: light-dark(hsl(153 58% 26%), hsl(148 45% 75%));
  --naua-success-border: light-dark(hsl(150 25% 73%), hsl(150 22% 40%));
  --naua-warning-surface: light-dark(hsl(40 75% 94%), hsl(35 35% 19%));
  --naua-warning-text: light-dark(hsl(30 75% 28%), hsl(40 75% 76%));
  --naua-warning-border: light-dark(hsl(38 50% 65%), hsl(38 38% 42%));
  --naua-danger-surface: light-dark(hsl(0 65% 97%), hsl(0 30% 20%));
  --naua-danger-text: light-dark(hsl(0 65% 36%), hsl(0 65% 81%));
  --naua-danger-border: light-dark(hsl(0 44% 73%), hsl(0 30% 45%));
  --naua-neutral-surface: var(--naua-surface-hover);
  --naua-neutral-text: var(--naua-text-muted);
  --naua-neutral-border: var(--naua-border);

  /* Fixed rail family: never resolve through the page's light-dark pair. */
  --naua-nav-surface: hsl(224 25% 15%);
  --naua-nav-text: hsl(220 20% 93%);
  --naua-nav-muted: hsl(222 16% 72%);
  --naua-nav-border: hsl(224 18% 27%);
  --naua-nav-hover: hsl(224 22% 21%);
  --naua-nav-active: hsl(223 25% 27%);
  --naua-nav-focus: hsl(215 75% 74%);

  --naua-space-1: .25rem;
  --naua-space-2: .5rem;
  --naua-space-3: .75rem;
  --naua-space-4: 1rem;
  --naua-space-6: 1.5rem;
  --naua-space-8: 2rem;
  --naua-space-12: 3rem;
  --naua-space-16: 4rem;
  --naua-type-small: .75rem;
  --naua-type-support: .875rem;
  --naua-type-body: 1rem;
  --naua-type-title: 1.25rem;
  --naua-type-heading: 1.5rem;
  --naua-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --naua-weight-normal: 400;
  --naua-weight-strong: 600;
  --naua-leading: 1.5;
  --naua-radius: 3px;
  --naua-line: 1px;
  --naua-focus-width: 2px;
  --naua-control-height: 3rem;
  --naua-tracking-width: 12rem;
  --naua-icon-size: 1.125rem;
  --naua-mark-size: 2rem;
  --naua-rail-width: 16rem;
  --naua-header-height: 4.5rem;
  --naua-shell-max: 100rem;
  --naua-shell-reading: 64rem;
  --naua-menu-width: 13rem;
  --naua-tile-height: 12rem;
  --naua-tile-icon: 4rem;
  --naua-shadow-panel: 0 1px 2px hsl(224 25% 18% / .04), 0 4px 10px hsl(224 25% 18% / .03);
  --naua-shadow-control: 0 1px 2px hsl(224 25% 18% / .06), 0 1px 1px hsl(224 25% 18% / .03);
  --naua-shadow-popover: 0 2px 4px hsl(224 25% 10% / .08), 0 12px 28px hsl(224 25% 10% / .14);
}

/* Temporary adapter for pages/components not yet migrated. Owned values above
   do not depend on WA; deleting the kit later does not delete this palette. */
:root.wa-theme-default {
  --wa-color-surface-lowered: var(--naua-canvas);
  --wa-color-surface-default: var(--naua-surface);
  --wa-color-surface-raised: var(--naua-surface-raised);
  --wa-color-surface-border: var(--naua-border);
  --wa-color-text-normal: var(--naua-text);
  --wa-color-text-quiet: var(--naua-text-muted);
  --wa-color-text-link: var(--naua-action);
  --wa-color-focus: var(--naua-focus);
  --wa-color-brand-fill-loud: var(--naua-action);
  --wa-color-brand-fill-normal: var(--naua-action-hover);
  --wa-color-brand-fill-quiet: var(--naua-action-surface);
  --wa-color-brand-on-loud: var(--naua-action-text);
  --wa-color-brand-on-normal: var(--naua-action-text);
  --wa-color-brand-on-quiet: var(--naua-action);
  --wa-color-brand-border-loud: var(--naua-focus);
  --wa-color-brand-border-normal: var(--naua-focus);
  --wa-color-neutral-fill-quiet: var(--naua-neutral-surface);
  --wa-color-neutral-on-quiet: var(--naua-neutral-text);
  --wa-color-neutral-border-normal: var(--naua-control-border);
  --wa-color-success-fill-quiet: var(--naua-success-surface);
  --wa-color-success-on-quiet: var(--naua-success-text);
  --wa-color-success-border-normal: var(--naua-success-border);
  --wa-color-warning-fill-quiet: var(--naua-warning-surface);
  --wa-color-warning-on-quiet: var(--naua-warning-text);
  --wa-color-warning-border-normal: var(--naua-warning-border);
  --wa-color-danger-fill-quiet: var(--naua-danger-surface);
  --wa-color-danger-on-quiet: var(--naua-danger-text);
  --wa-color-danger-border-normal: var(--naua-danger-border);
  --wa-font-family-body: var(--naua-font);
  --wa-border-radius-s: var(--naua-radius);
  --wa-border-radius-m: var(--naua-radius);
  --wa-border-radius-l: var(--naua-radius);
  --wa-border-radius-pill: var(--naua-radius);
  --wa-shadow-s: var(--naua-shadow-control);
  --wa-shadow-m: var(--naua-shadow-panel);
  --wa-shadow-l: var(--naua-shadow-popover);
}

/* Shared counter-record dimensions. */
:root {
 --naua-record-action-height: 6rem;
 --naua-record-scroll-offset: 16rem;
 --naua-record-column: 8rem;
 --naua-record-fee-width: 5rem;
 --naua-record-package-width: 6rem;
 --naua-record-location-width: 10rem;
 --naua-record-print-width: 7rem;
 --naua-form-column: 16rem;
 --naua-sheet-width: 48rem;
 --naua-backdrop: hsl(224 25% 15% / .5);
}