/* Generated by design/tokens.py; edit that file, not this one. */
:root {
  /* Base palette */
  --oak: #5E4C3D;  /* primary dark: interior shade, softest dark */
  --strapwork: #8B7965;  /* secondary: bronze grid over stone */
  --slate: #97A0A6;  /* neutral: city haze, cool bridge to blue */
  --travertine: #DAD2C7;  /* ground: interior field, warm stone paper */
  --lit: #D3D6DB;  /* argent light: Balius Argent foil */
  --shade: #7E828A;  /* argent shadow: Balius Argent foil */
  /* Earth ramp */
  --earth-50: #EDE9E3; --earth-100: #DAD2C7; --earth-200: #C6BCAF; --earth-300: #B2A595; --earth-400: #9E8E7C; --earth-500: #8B7965; --earth-600: #746251; --earth-700: #5E4C3D; --earth-800: #45372C; --earth-900: #2E241C; --earth-950: #1D1510;
  /* Argent ramp */
  --argent-50: #EFF0F2; --argent-100: #E3E5E8; --argent-200: #D3D6DB; --argent-300: #BEC1C7; --argent-400: #A9ACB3; --argent-500: #93979E; --argent-600: #7E828A; --argent-700: #686C73; --argent-800: #52555B; --argent-900: #3D4044; --argent-950: #2C2E31;
  /* Slate ramp */
  --slate-50: #ECEFF1; --slate-100: #DBDEE1; --slate-200: #C6CBCF; --slate-300: #AEB5BA; --slate-400: #97A0A6; --slate-500: #828A90; --slate-600: #6F767A; --slate-700: #595F62; --slate-800: #44484B; --slate-900: #303336; --slate-950: #212527;
  /* Derived */
  --strapwork-cool: #807C75;
  /* Semantic */
  --c-ground: var(--earth-100);  /* page background (travertine) */
  --c-frame: var(--earth-500);  /* pillars, rails, lines, curves (strapwork) */
  --c-frame-soft: var(--earth-400);  /* rail tint over brown (multiply) */
  --c-ink: var(--earth-800);  /* text on ground */
  --c-ink-muted: var(--earth-600);  /* secondary text on ground */
  --c-deep: var(--earth-700);  /* the brown underneath, top (oak) */
  --c-deepest: var(--earth-950);  /* the brown underneath, bottom */
  --c-pill: var(--earth-900);  /* nav pill center */
  --c-card-dark: var(--earth-900);  /* active company card */
  --c-portrait: var(--earth-950);  /* team card base */
  --c-on-dark: var(--argent-100);  /* body text on dark */
  --c-display-hi: var(--argent-50);  /* display gradient top */
  --c-display-mid: var(--argent-200);  /* display gradient mid (lit) */
  --c-display-lo: var(--argent-400);  /* display gradient bottom */
  --c-label: var(--argent-800);  /* pillar labels on ground (5:1 on ground; argent-700 was 3.5:1) */
  --c-chrome-lit: var(--argent-200);  /* pins, button (lit) */
  --c-chrome-shade: var(--argent-600);  /* pins, button (shade) */
  --c-pin-lit: var(--argent-300);  /* pins on beige (lit): a step down from the foil, which vanished there (argent-200 was 1.0:1 on ground) */
  --c-pin-shade: var(--argent-700);  /* pins on beige (shade): 3.5:1 on ground (argent-600 was 2.6:1); on dark the foil (lit, shade) */
  --c-tagline-on-ground: var(--slate-600);  /* tagline at rest (3.1:1, large text; slate-500 was 2.3:1) */
  --c-tagline-lit: var(--slate-200);  /* tagline on the brown */
  --c-argent-foil: linear-gradient(90deg, var(--argent-600), var(--argent-300) 35%, var(--argent-50) 50%, var(--argent-300) 65%, var(--argent-600));
}