:root {

  --c42-grit:          #1D2C22;
  --c42-impact:        #48DE93;
  --c42-orange:        #FF4D00;
  --c42-orange-btn:    #D74100;
  --c42-orange-btn-hv: #B83800;
  --c42-orange-text:   #B23600;
  --c42-pearl:         #F1EDE8;
  --c42-slate:         #191C1A;

  --c42-page:          rgb(250,248,245);
  --c42-card:          #ffffff;
  --c42-border:        rgb(224,220,214);
  --c42-hairline:      rgb(243,240,236);
  --c42-hairline-hd:   rgb(238,234,229);
  --c42-well:          rgb(248,246,243);
  --c42-ghost:         rgb(241,237,232);
  --c42-ghost-hover:   rgb(233,228,222);
  --c42-row-hover:     rgb(250,248,245);

  --c42-ink:           rgb(25,28,26);
  --c42-ink-2:         rgb(45,55,48);
  --c42-muted:         rgb(90,98,92);
  --c42-label:         rgb(113,113,108);
  --c42-faint:         rgb(114,114,114);

  --c42-danger:        rgb(200,38,38);
  --c42-danger-hover:  rgb(178,32,32);
  --c42-danger-text:   rgb(168,30,30);
  --c42-danger-bg:     rgb(253,234,231);
  --c42-warn-text:     rgb(124,88,8);
  --c42-warn-bg:       rgb(252,243,219);
  --c42-warn-dot:      rgb(196,154,46);
  --c42-good-text:     rgb(26,94,56);
  --c42-good-bg:       rgb(226,242,232);
  --c42-good-dot:      rgb(34,120,72);
  --c42-wait-text:     rgb(60,84,110);
  --c42-wait-bg:       rgb(237,241,245);
  --c42-wait-dot:      rgb(90,120,150);
  --c42-ended-text:    rgb(106,106,101);
  --c42-ended-bg:      rgb(238,234,229);
  --c42-ended-dot:     rgb(168,173,170);
  --c42-unknown-bg:    rgb(243,240,236);

  --c42-focus:         rgb(24,45,33);

  --c42-field-border:  rgb(214,209,202);
  --c42-field-hover:   rgb(190,185,178);
  --c42-field-disabled-bg:     rgb(248,246,243);
  --c42-field-disabled-border: rgb(228,224,218);
  --c42-field-disabled-text:   rgb(150,150,150);

  --c42-font: "NB International Pro", -apple-system, BlinkMacSystemFont,
              "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --c42-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;

  --c42-r-pill:   6px;
  --c42-r-ctrl:   8px;
  --c42-r-card:  10px;
  --c42-r-dlg:   12px;

  --c42-shadow-dialog: 0 18px 48px rgba(24,45,33,.22);
  --c42-shadow-hover:  0 4px 16px rgba(24,45,33,.08);
  --c42-backdrop:      rgba(24,45,33,.45);

  --c42-measure-narrow: 560px;
  --c42-measure-detail: 920px;
  --c42-measure-page:  1080px;
  --c42-measure-table: 1320px;
  --c42-inset:           24px;
}

:root {
  --bs-primary:           var(--c42-orange-btn);
  --bs-body-font-family:  var(--c42-font);
  --bs-body-color:        var(--c42-ink);
  --bs-body-bg:           var(--c42-page);
  --bs-border-color:      var(--c42-border);
  --bs-border-radius:     var(--c42-r-ctrl);
  --bs-link-color:        var(--c42-orange-text);
  --bs-link-hover-color:  var(--c42-orange-btn-hv);
}