MAD

:root {
  --color-dominant: #788686;
  --color-surface: #b8c0c0;
  --color-ink: #3e4646;
  --color-accent: #7c8484;
  --color-detail: #b4bcbc;
}

/* CSS variables exposed by source */
:root {
  --space-16: 16px;
  --space-4: 4px;
  --space-8: 8px;
  --space-32: 32px;
  --font-mono: InputMono;
  --space-64: 64px;
  --font-sans: ABCWalterNeue;
  --space-56: 56px;
  --space-12: 12px;
  --space-24: 24px;
  --btn-height: 24px;
  --yellow: #FBE85A;
  --header-height: 56px;
  --lh-lg: 1.2;
  --sans-xs-reg: 500 12px/1.1 ABCWalterNeue;
  --paleblue: #ABBFF4;
  --lh-md: 1.1;
  --z-tooltip: 500;
  --grey-500-rgb: 216, 220, 220;
  --sans-sm-bld: 740 14px/1 ABCWalterNeue;
  --sans-lg-reg: 500 32px/1 ABCWalterNeue;
  --fs-md: 18px;
  --Case-width-open: min(436px, calc(100dvw - 32px) );
  --btn-inset-icon-y: 2px;
  --btn-inset-x: 6px;
  --mono-xs-med: 500 12px/1.2 InputMono;
  --sans-md-bld: 740 18px/1.1 ABCWalterNeue;
  --btn-inset-y: 7px;
  --sans-xl-bld: 740 64px/1 ABCWalterNeue;
  --fw-bld-sans: 740;
  --fw-med-sans: 560;
  --z-radial: 400;
  --grey-0-rgb: 255, 255, 255;
  --grey-100-rgb: 244, 245, 245;
  --mono-sm-med: 500 14px/1.2 InputMono;
  --fw-med-mono: 500;
  --grey-600-rgb: 204, 209, 209;
  --orange: #D34A00;
  --grey-0: rgb(255, 255, 255);
  --grey-800-rgb: 75, 83, 83;
  --fs-sm: 14px;
  --window-offset: 0px;
  --window-opacity: 1;
  --green: #013D24;
  --mono-sm-reg: 400 14px/1.2 InputMono;
  --Case-width-closed: min(286px, calc(100dvw - 32px) );
  --grey-500: rgb(216, 220, 220);
  --sans-sm-reg: 500 14px/1 ABCWalterNeue;
  --fw-reg-sans: 500;
  --grey-1000-rgb: 17, 19, 19;
  --sans-sm-med: 560 14px/1 ABCWalterNeue;
  --z-subnav: 300;
  --grey-1000: rgb(17, 19, 19);
  --lh-sm: 1;
  --btn-inset-icon-x: 4px;
  --mono-xs-reg: 400 12px/1.2 InputMono;
  --fw-reg-mono: 400;
  --window-angle-start: 0deg;
  --window-angle: 0deg;
  --sans-xs-med: 560 12px/1.1 ABCWalterNeue;
}