:root {
  --ground:      #07080a;
  --surface:     #0d0f13;
  --raised:      #14171c;
  --raised-hi:   #191d23;
  --hairline:    #1f242b;
  --edge:        #2b313a;

  --steel-100:   #e8ebef;
  --steel-200:   #bfc6cf;
  --steel-300:   #9fa6ac;
  --steel-400:   #84898e;
  --steel-500:   #454c55;

  --amber-300:   #f2a94b;
  --amber-400:   #e8912b;
  --amber-500:   #d07c18;
  --amber-deep:  #8a5210;
  --amber-wash:  rgba(232, 145, 43, 0.09);
  --amber-line:  rgba(232, 145, 43, 0.34);

  --ok:          #5f9e6e;
  --ok-wash:     rgba(95, 158, 110, 0.12);
  --warn:        #b4884a;
  --warn-wash:   rgba(180, 136, 74, 0.12);
  --bad:         #cb6d68;
  --bad-wash:    rgba(203, 109, 104, 0.12);
  --info:        #6e86a6;
  --info-wash:   rgba(110, 134, 166, 0.12);

  --font-display: "Saira Condensed", "Saira", sans-serif;
  --font-ui:      "Saira", "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --fs-xs:   0.6875rem;
  --fs-sm:   0.8125rem;
  --fs-base: 0.875rem;
  --fs-md:   1rem;
  --fs-lg:   1.1875rem;
  --fs-xl:   1.5rem;
  --fs-2xl:  2rem;

  --track-label: 0.09em;
  --track-title: 0.045em;

  --r-control: 2px;
  --r-panel:   3px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  --shell-max: 1560px;
  --nav-h: 56px;

  --shadow-overlay: 0 10px 30px -12px rgba(0, 0, 0, 0.75);

  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur:  150ms;
}