/* Generated by brand/tokens/build_tokens.py. Do not edit by hand. */
:root {
  /* navy: The ground. Pages, cards, lines. */
  --navy-50: #F3F7FF;
  --navy-100: #CFD8EF;
  --navy-200: #ADBADC;
  --navy-300: #8C9DC8;
  --navy-400: #6D80B4;
  --navy-500: #50649F;
  --navy-600: #34488A;
  --navy-700: #263A75;
  --navy-800: #1E2D5C;
  --navy-900: #111E44;
  --navy-950: #0A1430;

  /* blue: The light. The lit 1, links, focus, highlights. */
  --blue-50: #F2F7FF;
  --blue-100: #CDE0FF;
  --blue-200: #A8C8FF;
  --blue-300: #82B0FF;
  --blue-400: #5B98FF;
  --blue-500: #2E7BFF;
  --blue-600: #1E61D4;
  --blue-700: #0D49AB;
  --blue-800: #003284;
  --blue-900: #001E57;
  --blue-950: #000C2F;

  /* orange: Press this. Buttons and calls to action only. */
  --orange-50: #FFF4F0;
  --orange-100: #FFDCCE;
  --orange-200: #FFC3AA;
  --orange-300: #FFA984;
  --orange-400: #FF8C59;
  --orange-500: #FF6A13;
  --orange-600: #CF5200;
  --orange-700: #9F3D00;
  --orange-800: #712900;
  --orange-900: #471600;
  --orange-950: #210600;

  /* lime: Rare accent. Badges, hover, success. */
  --lime-50: #F3FAEB;
  --lime-100: #DDFAB4;
  --lime-200: #C9F781;
  --lime-300: #B6F23C;
  --lime-400: #9CD226;
  --lime-500: #82B208;
  --lime-600: #6A9300;
  --lime-700: #547500;
  --lime-800: #3F5900;
  --lime-900: #2A3D00;
  --lime-950: #172400;

  /* stone: The words. Text and anything neutral. */
  --stone-50: #FAFAF9;
  --stone-100: #F2EFE8;
  --stone-200: #D1CEC8;
  --stone-300: #BCB8B1;
  --stone-400: #A8A39A;
  --stone-500: #8C877F;
  --stone-600: #706D66;
  --stone-700: #56534D;
  --stone-800: #3E3B36;
  --stone-900: #262420;
  --stone-950: #110F0C;

  /* red: Errors only. Not a brand color. */
  --red-50: #FFF4F2;
  --red-100: #FFD6D0;
  --red-200: #FFB6AD;
  --red-300: #FF9488;
  --red-400: #FC6E62;
  --red-500: #F2473F;
  --red-600: #C8312C;
  --red-700: #9F1B1A;
  --red-800: #780107;
  --red-900: #4D0002;
  --red-950: #270000;

  /* surfaces */
  --surface-0: var(--navy-950);
  --surface-1: var(--navy-900);
  --surface-2: var(--navy-800);
  --surface-3: var(--navy-700);
  --surface-inverse: var(--stone-100);

  /* text */
  --text-primary: var(--stone-100);
  --text-secondary: var(--stone-400);
  --text-muted: var(--stone-500);
  --text-disabled: var(--navy-500);
  --text-link: var(--blue-400);
  --text-link-hover: var(--lime-300);
  --text-on-accent: var(--navy-950);
  --text-on-inverse: var(--navy-950);
  --text-error: var(--red-400);

  /* strokes */
  --stroke-subtle: var(--navy-800);
  --stroke-default: var(--navy-700);
  --stroke-strong: var(--navy-600);
  --stroke-accent: var(--blue-500);
  --stroke-focus: var(--blue-400);
  --stroke-error: var(--red-500);

  /* fills */
  --fill-cta: var(--orange-500);
  --fill-cta-hover: var(--orange-400);
  --fill-cta-pressed: var(--orange-600);
  --fill-accent: var(--blue-500);
  --fill-accent-hover: var(--blue-400);
  --fill-accent-pressed: var(--blue-600);
  --fill-highlight: var(--lime-300);
  --fill-accent-quiet: var(--blue-950);
  --fill-error-quiet: var(--red-950);
  --fill-disabled: var(--navy-800);

  /* states: lay these over a surface */
  --state-hover: rgb(242 239 232 / 0.06);
  --state-focus: rgb(242 239 232 / 0.1);
  --state-pressed: rgb(242 239 232 / 0.14);
  --state-selected: rgb(46 123 255 / 0.16);
  --scrim: rgb(10 20 48 / 0.72);

  /* shadows: only for things that float */
  --shadow-1: 0 1px 2px rgb(3 6 18 / 0.50);
  --shadow-2: 0 4px 12px rgb(3 6 18 / 0.55);
  --shadow-3: 0 12px 32px rgb(3 6 18 / 0.60);
  --shadow-focus: 0 0 0 3px rgb(46 123 255 / 0.45);
}