/* Generated by tools/colors.mjs. Do not edit by hand: change the script and rerun. */
:root {
  /* Tier 1: primitives, named by hue and step. Never used directly in components. */
  --paper-50: #FBF8F0;
  --paper-100: #F4F0E6;
  --paper-200: #E6E2D6;
  --paper-300: #D4CEC0;
  --paper-400: #B8B2A3;
  --paper-500: #9A9486;
  --paper-600: #7D786B;
  --paper-700: #615D52;
  --paper-800: #49453D;
  --paper-900: #312F28;
  --paper-950: #1D1C17;

  --navy-50: #F5F8FC;
  --navy-100: #EBF1F8;
  --navy-200: #D9E3EF;
  --navy-300: #C0D0E4;
  --navy-400: #9DB5D3;
  --navy-500: #7997BD;
  --navy-600: #577AA5;
  --navy-700: #395F8C;
  --navy-800: #1F4674;
  --navy-900: #002A56;
  --navy-950: #011B3B;

  --red-50: #FFF5F5;
  --red-100: #FFEBEA;
  --red-200: #FED7D5;
  --red-300: #FCBCB9;
  --red-400: #F69391;
  --red-500: #E66668;
  --red-600: #CE3944;
  --red-700: #B4082A;
  --red-800: #86001B;
  --red-900: #5C0713;
  --red-950: #37070B;

  --gold-50: #FAF8F0;
  --gold-100: #F5F0E3;
  --gold-200: #EBE1CA;
  --gold-300: #DCCDAA;
  --gold-400: #C5B17E;
  --gold-500: #B49A57;
  --gold-600: #8D7535;
  --gold-700: #6F5A23;
  --gold-800: #534318;
  --gold-900: #392E10;
  --gold-950: #221B09;

  --green-50: #F3FAF4;
  --green-100: #E7F4E9;
  --green-200: #D2E9D6;
  --green-300: #B5D9BB;
  --green-400: #90C199;
  --green-500: #6BA477;
  --green-600: #4C885A;
  --green-700: #336B41;
  --green-800: #22512E;
  --green-900: #15371E;
  --green-950: #0D2111;

  /* Tier 2: semantic roles. Components only ever read these. */
  --color-bg-page: var(--paper-50);
  --color-bg-surface: var(--paper-100);
  --color-bg-sunken: #FFFFFF;
  --color-bg-raised: #FFFFFF;
  --color-bg-hover: var(--paper-200);
  --color-bg-inverse: var(--navy-900);
  --color-scrim: var(--navy-950);
  --color-bg-media: var(--navy-950);
  --color-selection-bg: var(--navy-900);
  --color-selection-text: var(--paper-50);
  --color-control-checked: var(--navy-900);
  --color-text-primary: var(--navy-900);
  --color-text-secondary: var(--navy-800);
  --color-text-tertiary: var(--paper-700);
  --color-text-disabled: var(--paper-500);
  --color-text-inverse: var(--paper-50);
  --color-text-on-accent: #FFFFFF;
  --color-border-subtle: var(--paper-200);
  --color-border: var(--paper-300);
  --color-border-strong: var(--paper-600);
  --color-border-control: var(--paper-600);
  --color-separator: var(--paper-300);
  --color-focus-ring: var(--navy-900);
  --color-accent-subtle: var(--red-50);
  --color-accent-border: var(--red-300);
  --color-accent-solid: var(--red-700);
  --color-accent-solid-hover: var(--red-800);
  --color-accent-text: var(--red-700);
  --color-link-underline: var(--red-700);
  --color-brand-ink: var(--navy-900);
  --color-brand-detail: var(--gold-500);
  --color-brand-detail-text: var(--gold-700);
  --color-danger-subtle: var(--red-50);
  --color-danger-border: var(--red-400);
  --color-danger-text: var(--red-800);
  --color-success-subtle: var(--green-50);
  --color-success-border: var(--green-300);
  --color-success-text: var(--green-800);
  --color-pending-subtle: var(--gold-50);
  --color-pending-border: var(--gold-300);
  --color-pending-text: var(--gold-800);
}

/* Navy surfaces re-point the same roles; nothing below the semantic tier changes. */
.surface-navy {
  --color-bg-page: var(--navy-900);
  --color-bg-surface: var(--navy-950);
  --color-bg-sunken: var(--navy-950);
  --color-bg-raised: var(--navy-800);
  --color-bg-hover: var(--navy-800);
  --color-bg-inverse: var(--paper-50);
  --color-text-primary: var(--paper-50);
  --color-text-secondary: var(--navy-200);
  --color-text-tertiary: var(--navy-300);
  --color-text-disabled: var(--navy-500);
  --color-text-inverse: var(--navy-900);
  --color-border-subtle: var(--navy-800);
  --color-border: var(--navy-700);
  --color-border-strong: var(--navy-400);
  --color-border-control: var(--navy-400);
  --color-separator: var(--navy-700);
  --color-focus-ring: var(--paper-50);
  --color-accent-text: var(--red-200);
  --color-link-underline: var(--red-400);
  --color-brand-detail: var(--gold-400);
  --color-brand-detail-text: var(--gold-300);
  --color-danger-text: var(--red-200);
  --color-success-text: var(--green-200);
  --color-selection-bg: var(--paper-50);
  --color-selection-text: var(--navy-900);
  --color-control-checked: var(--paper-50);
}