/*
 ==========================================================================
 PATHWAY DESIGN TOKENS — CONTRACT
 ==========================================================================

 The colour contract, Light Mode. Name these freely.

 Load primitives.css FIRST; every file below resolves through it.

 themes/midnight.css declares the SAME names with inverted values, so a
 component names a colour once and both modes resolve by selector. Never
 put a mode in a property name — that form came from tokens.css, retired
 2026-09-03, and resolves to nothing.

 Declares 210 custom properties.
 Generated — do not edit. Run `npm run build-tokens`.
 ==========================================================================
*/
:root, [data-theme="light"] {
  --elevation-lift: 0 10px 28px -6px rgba(24,27,43,0.08);
  --elevation-overlay: 0 20px 48px -10px rgba(24,27,43,0.08);
  --elevation-sheet: 0 4px 32px -8px rgba(24,27,43,0.08);
  --elevation-widget: 0 2px 8px -2px rgba(24,27,43,0.08);
  --semantic-color-fill-action-disabled: var(--primitive-color-warm-neutral-100-36);
  --semantic-color-fill-action-ghost-hover: var(--primitive-color-brand-75-16);
  --semantic-color-fill-action-ghost-pressed: var(--primitive-color-brand-600-70);
  --semantic-color-fill-action-ghost-rest: var(--primitive-color-brand-75-8);
  --semantic-color-fill-action-primary-strong-hover: var(--primitive-color-brand-500);
  --semantic-color-fill-action-primary-strong-pressed: var(--primitive-color-brand-550);
  --semantic-color-fill-action-primary-strong-rest: var(--primitive-color-brand-450);
  --semantic-color-fill-action-primary-subtle-hover: var(--primitive-color-brand-25);
  --semantic-color-fill-action-primary-subtle-pressed: var(--primitive-color-brand-50);
  --semantic-color-fill-action-primary-subtle-rest: var(--primitive-color-brand-10);
  --semantic-color-fill-action-secondary-hover: var(--primitive-color-warm-neutral-50);
  --semantic-color-fill-action-secondary-pressed: var(--primitive-color-warm-neutral-75);
  --semantic-color-fill-action-secondary-rest: var(--primitive-color-warm-neutral-25);
  --semantic-color-fill-action-selection-hover: var(--primitive-color-warm-neutral-100-24);
  --semantic-color-fill-action-selection-indicator: var(--primitive-color-brand-550);
  --semantic-color-fill-action-selection-selected: var(--primitive-color-brand-75-24);
  --semantic-color-fill-action-selection-trail: var(--primitive-color-warm-neutral-500-8);
  --semantic-color-fill-action-status-info-strong-hover: var(--primitive-color-amethyst-500);
  --semantic-color-fill-action-status-info-strong-pressed: var(--primitive-color-amethyst-600);
  --semantic-color-fill-action-status-info-strong-rest: var(--primitive-color-amethyst-400);
  --semantic-color-fill-action-status-info-subtle-hover: var(--primitive-color-amethyst-100);
  --semantic-color-fill-action-status-info-subtle-pressed: var(--primitive-color-amethyst-200);
  --semantic-color-fill-action-status-info-subtle-rest: var(--primitive-color-amethyst-75);
  --semantic-color-fill-action-status-negative-strong-hover: var(--primitive-color-red-500);
  --semantic-color-fill-action-status-negative-strong-pressed: var(--primitive-color-red-600);
  --semantic-color-fill-action-status-negative-strong-rest: var(--primitive-color-red-400);
  --semantic-color-fill-action-status-negative-subtle-hover: var(--primitive-color-red-50);
  --semantic-color-fill-action-status-negative-subtle-pressed: var(--primitive-color-red-75);
  --semantic-color-fill-action-status-negative-subtle-rest: var(--primitive-color-red-25);
  --semantic-color-fill-action-status-neutral-strong-hover: var(--primitive-color-warm-neutral-500);
  --semantic-color-fill-action-status-neutral-strong-pressed: var(--primitive-color-warm-neutral-600);
  --semantic-color-fill-action-status-neutral-strong-rest: var(--primitive-color-warm-neutral-400);
  --semantic-color-fill-action-status-neutral-subtle-hover: var(--primitive-color-warm-neutral-50);
  --semantic-color-fill-action-status-neutral-subtle-pressed: var(--primitive-color-warm-neutral-75);
  --semantic-color-fill-action-status-neutral-subtle-rest: var(--primitive-color-warm-neutral-25);
  --semantic-color-fill-action-status-positive-strong-hover: var(--primitive-color-green-600);
  --semantic-color-fill-action-status-positive-strong-pressed: var(--primitive-color-green-700);
  --semantic-color-fill-action-status-positive-strong-rest: var(--primitive-color-green-500);
  --semantic-color-fill-action-status-positive-subtle-hover: var(--primitive-color-green-50);
  --semantic-color-fill-action-status-positive-subtle-pressed: var(--primitive-color-green-75);
  --semantic-color-fill-action-status-positive-subtle-rest: var(--primitive-color-green-25);
  --semantic-color-fill-chart-sequential-10: var(--primitive-color-amethyst-200);
  --semantic-color-fill-chart-sequential-11: var(--primitive-color-amethyst-150);
  --semantic-color-fill-chart-sequential-12: var(--primitive-color-amethyst-100);
  --semantic-color-fill-chart-sequential-13: var(--primitive-color-amethyst-75);
  --semantic-color-fill-chart-sequential-14: var(--primitive-color-amethyst-50);
  --semantic-color-fill-chart-sequential-15: var(--primitive-color-amethyst-25);
  --semantic-color-fill-chart-sequential-01: var(--primitive-color-amethyst-900);
  --semantic-color-fill-chart-sequential-02: var(--primitive-color-amethyst-800);
  --semantic-color-fill-chart-sequential-03: var(--primitive-color-amethyst-700);
  --semantic-color-fill-chart-sequential-04: var(--primitive-color-amethyst-600);
  --semantic-color-fill-chart-sequential-05: var(--primitive-color-amethyst-500);
  --semantic-color-fill-chart-sequential-06: var(--primitive-color-amethyst-400);
  --semantic-color-fill-chart-sequential-07: var(--primitive-color-amethyst-350);
  --semantic-color-fill-chart-sequential-08: var(--primitive-color-amethyst-300);
  --semantic-color-fill-chart-sequential-09: var(--primitive-color-amethyst-250);
  --semantic-color-fill-chart-sequential-anchor-end: var(--primitive-color-amethyst-25);
  --semantic-color-fill-chart-sequential-anchor-start: var(--primitive-color-amethyst-900);
  --semantic-color-fill-shadow-dropshadow: var(--primitive-color-brand-600-8);
  --semantic-color-fill-static-accent-citrine-strong: var(--primitive-color-citrine-150);
  --semantic-color-fill-static-accent-citrine-subtle: var(--primitive-color-citrine-50);
  --semantic-color-fill-static-accent-jade-strong: var(--primitive-color-jade-300);
  --semantic-color-fill-static-accent-jade-subtle: var(--primitive-color-jade-25);
  --semantic-color-fill-static-accent-lagoon-strong: var(--primitive-color-lagoon-350);
  --semantic-color-fill-static-accent-lagoon-subtle: var(--primitive-color-lagoon-50);
  --semantic-color-fill-static-accent-mauve-strong: var(--primitive-color-mauve-200);
  --semantic-color-fill-static-accent-mauve-subtle: var(--primitive-color-mauve-25);
  --semantic-color-fill-static-accent-rose-strong: var(--primitive-color-rose-500);
  --semantic-color-fill-static-accent-rose-subtle: var(--primitive-color-rose-50);
  --semantic-color-fill-static-accent-seabreeze-strong: var(--primitive-color-seabreeze-350);
  --semantic-color-fill-static-accent-seabreeze-subtle: var(--primitive-color-seabreeze-50);
  --semantic-color-fill-static-attention-strong: var(--primitive-color-saffron-150);
  --semantic-color-fill-static-attention-subtle: var(--primitive-color-saffron-25);
  --semantic-color-fill-static-brand-base: var(--primitive-color-brand-350);
  --semantic-color-fill-static-brand-faint: var(--primitive-color-brand-10);
  --semantic-color-fill-static-brand-strong: var(--primitive-color-brand-550);
  --semantic-color-fill-static-brand-strongest: var(--primitive-color-brand-700);
  --semantic-color-fill-static-brand-subtle: var(--primitive-color-brand-50);
  --semantic-color-fill-static-info-strong: var(--primitive-color-amethyst-300);
  --semantic-color-fill-static-info-subtle: var(--primitive-color-amethyst-75);
  --semantic-color-fill-static-negative-strong: var(--primitive-color-red-500);
  --semantic-color-fill-static-negative-subtle: var(--primitive-color-red-50);
  --semantic-color-fill-static-neutral-base: var(--primitive-color-warm-neutral-50);
  --semantic-color-fill-static-neutral-faint: var(--primitive-color-warm-neutral-0);
  --semantic-color-fill-static-neutral-mono: var(--primitive-color-cool-neutral-0);
  --semantic-color-fill-static-neutral-strong: var(--primitive-color-warm-neutral-75);
  --semantic-color-fill-static-neutral-subtle: var(--primitive-color-warm-neutral-25);
  --semantic-color-fill-static-positive-strong: var(--primitive-color-green-150);
  --semantic-color-fill-static-positive-subtle: var(--primitive-color-green-25);
  --semantic-color-fill-static-severe-strong: var(--primitive-color-orange-250);
  --semantic-color-fill-static-severe-subtle: var(--primitive-color-orange-50);
  --semantic-color-fill-surface-canvas: var(--primitive-color-cool-neutral-10);
  --semantic-color-fill-surface-chrome: var(--primitive-color-brand-550);
  --semantic-color-fill-surface-elevated: var(--primitive-color-cool-neutral-0);
  --semantic-color-fill-surface-overlay: var(--primitive-color-cool-neutral-0);
  --semantic-color-foreground-action-disabled: var(--primitive-color-cool-neutral-900-50);
  --semantic-color-foreground-action-ghost-hover: var(--primitive-color-brand-10);
  --semantic-color-foreground-action-ghost-pressed: var(--primitive-color-brand-0);
  --semantic-color-foreground-action-ghost-rest: var(--primitive-color-brand-25);
  --semantic-color-foreground-action-primary-on-subtle-hover: var(--primitive-color-brand-700);
  --semantic-color-foreground-action-primary-on-subtle-pressed: var(--primitive-color-brand-800);
  --semantic-color-foreground-action-primary-on-subtle-rest: var(--primitive-color-brand-500);
  --semantic-color-foreground-action-secondary-hover: var(--primitive-color-cool-neutral-700);
  --semantic-color-foreground-action-secondary-pressed: var(--primitive-color-cool-neutral-900);
  --semantic-color-foreground-action-secondary-rest: var(--primitive-color-cool-neutral-550);
  --semantic-color-foreground-action-status-info-on-strong: var(--primitive-color-cool-neutral-0);
  --semantic-color-foreground-action-status-info-on-subtle-hover: var(--primitive-color-amethyst-700);
  --semantic-color-foreground-action-status-info-on-subtle-pressed: var(--primitive-color-amethyst-900);
  --semantic-color-foreground-action-status-info-on-subtle-rest: var(--primitive-color-amethyst-600);
  --semantic-color-foreground-action-status-negative-on-strong: var(--primitive-color-cool-neutral-0);
  --semantic-color-foreground-action-status-negative-on-subtle-hover: var(--primitive-color-red-800);
  --semantic-color-foreground-action-status-negative-on-subtle-pressed: var(--primitive-color-red-900);
  --semantic-color-foreground-action-status-negative-on-subtle-rest: var(--primitive-color-red-700);
  --semantic-color-foreground-action-status-neutral-on-strong: var(--primitive-color-cool-neutral-0);
  --semantic-color-foreground-action-status-neutral-on-subtle-hover: var(--primitive-color-cool-neutral-800);
  --semantic-color-foreground-action-status-neutral-on-subtle-pressed: var(--primitive-color-cool-neutral-900);
  --semantic-color-foreground-action-status-neutral-on-subtle-rest: var(--primitive-color-cool-neutral-700);
  --semantic-color-foreground-action-status-positive-on-subtle-hover: var(--primitive-color-green-800);
  --semantic-color-foreground-action-status-positive-on-subtle-pressed: var(--primitive-color-green-900);
  --semantic-color-foreground-action-status-positive-on-subtle-rest: var(--primitive-color-green-700);
  --semantic-color-foreground-static-accent-citrine-on-strong: var(--primitive-color-citrine-800);
  --semantic-color-foreground-static-accent-citrine-on-subtle: var(--primitive-color-citrine-700);
  --semantic-color-foreground-static-accent-jade-on-strong: var(--primitive-color-cool-neutral-900);
  --semantic-color-foreground-static-accent-jade-on-subtle: var(--primitive-color-jade-600);
  --semantic-color-foreground-static-accent-lagoon-on-strong: var(--primitive-color-cool-neutral-900);
  --semantic-color-foreground-static-accent-lagoon-on-subtle: var(--primitive-color-lagoon-800);
  --semantic-color-foreground-static-accent-mauve-on-strong: var(--primitive-color-cool-neutral-900);
  --semantic-color-foreground-static-accent-mauve-on-subtle: var(--primitive-color-mauve-500);
  --semantic-color-foreground-static-accent-rose-on-strong: var(--primitive-color-cool-neutral-0);
  --semantic-color-foreground-static-accent-rose-on-subtle: var(--primitive-color-rose-700);
  --semantic-color-foreground-static-accent-seabreeze-on-strong: var(--primitive-color-cool-neutral-900);
  --semantic-color-foreground-static-accent-seabreeze-on-subtle: var(--primitive-color-seabreeze-700);
  --semantic-color-foreground-static-attention-on-strong: var(--primitive-color-saffron-800);
  --semantic-color-foreground-static-attention-on-subtle: var(--primitive-color-saffron-700);
  --semantic-color-foreground-static-brand-on-strong: var(--primitive-color-brand-50);
  --semantic-color-foreground-static-brand-on-subtle: var(--primitive-color-brand-550);
  --semantic-color-foreground-static-info-on-strong: var(--primitive-color-amethyst-900);
  --semantic-color-foreground-static-info-on-subtle: var(--primitive-color-amethyst-700);
  --semantic-color-foreground-static-negative-on-strong: var(--primitive-color-red-0);
  --semantic-color-foreground-static-negative-on-subtle: var(--primitive-color-red-700);
  --semantic-color-foreground-static-neutral-base: var(--primitive-color-cool-neutral-600);
  --semantic-color-foreground-static-neutral-bold: var(--primitive-color-cool-neutral-700);
  --semantic-color-foreground-static-neutral-faint: var(--primitive-color-cool-neutral-450);
  --semantic-color-foreground-static-neutral-mono: var(--primitive-color-cool-neutral-0);
  --semantic-color-foreground-static-neutral-strong: var(--primitive-color-cool-neutral-900);
  --semantic-color-foreground-static-neutral-subtle: var(--primitive-color-cool-neutral-500);
  --semantic-color-foreground-static-positive-on-strong: var(--primitive-color-green-900);
  --semantic-color-foreground-static-positive-on-subtle: var(--primitive-color-green-800);
  --semantic-color-foreground-static-severe-on-strong: var(--primitive-color-cool-neutral-900);
  --semantic-color-foreground-static-severe-on-subtle: var(--primitive-color-orange-700);
  --semantic-color-scrim-base: var(--primitive-color-cool-neutral-900-70);
  --semantic-color-scrim-faint: var(--primitive-color-cool-neutral-800-16);
  --semantic-color-scrim-light: var(--primitive-color-cool-neutral-800-24);
  --semantic-color-scrim-subtle: var(--primitive-color-cool-neutral-800-50);
  --semantic-color-stroke-action-disabled: var(--primitive-color-warm-neutral-500-24);
  --semantic-color-stroke-action-field-hover: var(--primitive-color-cool-neutral-350);
  --semantic-color-stroke-action-field-pressed: var(--primitive-color-cool-neutral-400);
  --semantic-color-stroke-action-field-rest: var(--primitive-color-cool-neutral-300);
  --semantic-color-stroke-action-ghost-hover: var(--primitive-color-brand-75-50);
  --semantic-color-stroke-action-ghost-pressed: var(--primitive-color-brand-75-70);
  --semantic-color-stroke-action-ghost-rest: var(--primitive-color-brand-75-36);
  --semantic-color-stroke-action-primary-strong-hover: var(--primitive-color-brand-300);
  --semantic-color-stroke-action-primary-strong-pressed: var(--primitive-color-brand-350);
  --semantic-color-stroke-action-primary-strong-rest: var(--primitive-color-brand-250);
  --semantic-color-stroke-action-primary-subtle-hover: var(--primitive-color-brand-200);
  --semantic-color-stroke-action-primary-subtle-pressed: var(--primitive-color-brand-250);
  --semantic-color-stroke-action-primary-subtle-rest: var(--primitive-color-brand-100);
  --semantic-color-stroke-action-secondary-hover: var(--primitive-color-warm-neutral-450);
  --semantic-color-stroke-action-secondary-pressed: var(--primitive-color-warm-neutral-500);
  --semantic-color-stroke-action-secondary-rest: var(--primitive-color-warm-neutral-400);
  --semantic-color-stroke-action-status-info-hover: var(--primitive-color-amethyst-500);
  --semantic-color-stroke-action-status-info-pressed: var(--primitive-color-amethyst-600);
  --semantic-color-stroke-action-status-info-rest: var(--primitive-color-amethyst-400);
  --semantic-color-stroke-action-status-negative-hover: var(--primitive-color-red-300);
  --semantic-color-stroke-action-status-negative-pressed: var(--primitive-color-red-350);
  --semantic-color-stroke-action-status-negative-rest: var(--primitive-color-red-250);
  --semantic-color-stroke-action-status-neutral-hover: var(--primitive-color-warm-neutral-500);
  --semantic-color-stroke-action-status-neutral-pressed: var(--primitive-color-warm-neutral-600);
  --semantic-color-stroke-action-status-neutral-rest: var(--primitive-color-warm-neutral-400);
  --semantic-color-stroke-action-status-positive-hover: var(--primitive-color-green-600);
  --semantic-color-stroke-action-status-positive-pressed: var(--primitive-color-green-700);
  --semantic-color-stroke-action-status-positive-rest: var(--primitive-color-green-500);
  --semantic-color-stroke-focusring-base: var(--primitive-color-brand-200);
  --semantic-color-stroke-static-accent-citrine: var(--primitive-color-citrine-350);
  --semantic-color-stroke-static-accent-jade: var(--primitive-color-jade-350);
  --semantic-color-stroke-static-accent-lagoon: var(--primitive-color-lagoon-350);
  --semantic-color-stroke-static-accent-mauve: var(--primitive-color-mauve-350);
  --semantic-color-stroke-static-accent-rose: var(--primitive-color-rose-350);
  --semantic-color-stroke-static-accent-seabreeze: var(--primitive-color-seabreeze-350);
  --semantic-color-stroke-static-attention-strong: var(--primitive-color-saffron-350);
  --semantic-color-stroke-static-attention-subtle: var(--primitive-color-saffron-100);
  --semantic-color-stroke-static-info-strong: var(--primitive-color-amethyst-500);
  --semantic-color-stroke-static-info-subtle: var(--primitive-color-amethyst-200);
  --semantic-color-stroke-static-negative-strong: var(--primitive-color-red-450);
  --semantic-color-stroke-static-negative-subtle: var(--primitive-color-red-250);
  --semantic-color-stroke-static-neutral-base: var(--primitive-color-warm-neutral-75);
  --semantic-color-stroke-static-neutral-bold: var(--primitive-color-warm-neutral-150);
  --semantic-color-stroke-static-neutral-faint: var(--primitive-color-warm-neutral-25);
  --semantic-color-stroke-static-neutral-mono: var(--primitive-color-cool-neutral-0);
  --semantic-color-stroke-static-neutral-strong: var(--primitive-color-warm-neutral-350);
  --semantic-color-stroke-static-positive-strong: var(--primitive-color-green-400);
  --semantic-color-stroke-static-positive-subtle: var(--primitive-color-green-100);
  --semantic-color-stroke-static-severe-strong: var(--primitive-color-orange-350);
  --semantic-color-stroke-static-severe-subtle: var(--primitive-color-orange-150);
  --semantic-color-foreground-action-primary-on-strong: var(--semantic-color-fill-static-neutral-mono);
  --semantic-color-foreground-action-status-positive-on-strong: var(--semantic-color-fill-static-neutral-mono);
}