Superhuman

:root {
  --color-dominant: #6885c1;
  --color-surface: #2a2860;
  --color-ink: #8080e8;
  --color-accent: #6c5c9b;
  --color-detail: #8681c4;
}

/* CSS variables exposed by source */
:root {
  --font-size-text-large: clamp(calc(18 / 16 * 1rem),calc(16.4 / 16 * 1rem + 0.25vw),calc(20 / 16 * 1rem));
  --color-primary-base: light-dark(#714cb6,#d4c7ff);
  --space-9x: calc(36 / 16 * 1rem);
  --color-action-secondary-active: light-dark(#141413,#ffffff);
  --space-1x: calc(4 / 16 * 1rem);
  --space-0_25x: calc(1 / 16 * 1rem);
  --radius-1_5x: calc(6 / 16 * 1rem);
  --color-bg-overlay: light-dark(rgb(from #141413 r g b/60%),rgb(from #141413 r g b/60%));
  --radius-4x: calc(16 / 16 * 1rem);
  --space-16x: calc(64 / 16 * 1rem);
  --space-6x: calc(24 / 16 * 1rem);
  --font-family-serif: "Super Serif VF",Georgia,Times,serif;
  --font-size-heading-small: clamp(calc(24 / 16 * 1rem),calc(18.4 / 16 * 1rem + 0.875vw),calc(31 / 16 * 1rem));
  --radius-1x: calc(4 / 16 * 1rem);
  --space-10x: calc(40 / 16 * 1rem);
  --font-size-66: calc(66 / 16 * 1rem);
  --radius-5x: calc(20 / 16 * 1rem);
  --color-action-primary-hover: light-dark(#533192,#bea1f5);
  --color-icon-product: light-dark(#421d24,#fcfaf7);
  --space-4x: calc(16 / 16 * 1rem);
  --space-5x: calc(20 / 16 * 1rem);
  --font-size-text-medium: calc(18 / 16 * 1rem);
  --space-14x: calc(56 / 16 * 1rem);
  --font-size-display-medium: clamp(calc(44 / 16 * 1rem),calc(18.4 / 16 * 1rem + 4vw),calc(76 / 16 * 1rem));
  --font-size-10: calc(10 / 16 * 1rem);
  --font-weight-bold: 700;
  --radius-2_5x: calc(10 / 16 * 1rem);
  --font-weight-regular: 460;
  --color-bg-canvas: light-dark(#fcfaf7,#141413);
  --font-size-20: calc(20 / 16 * 1rem);
  --radius-3_5x: calc(14 / 16 * 1rem);
  --font-size-70: calc(70 / 16 * 1rem);
  --font-family-mono: "Super Sans Mono VF",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --color-surface-disabled: light-dark(rgb(from #8d8a86 r g b/20%),rgb(from #8d8a86 r g b/20%));
  --font-size-80: calc(80 / 16 * 1rem);
  --color-border-soft: light-dark(rgb(from #73716d r g b/5%),rgb(from #fcfaf7 r g b/8%));
  --color-border-base: light-dark(#8d8a86,#f7f5f2);
  --font-size-42: calc(42 / 16 * 1rem);
  --font-size-60: calc(60 / 16 * 1rem);
  --space-8x: calc(32 / 16 * 1rem);
  --color-faded-lighter: light-dark(#fcfaf7,rgb(from #ffffff r g b/40%));
  --color-icon-inverse: light-dark(#f7f5f2,#292827);
  --color-action-secondary: light-dark(#292827,rgb(from #ffffff r g b/90%));
  --color-icon-soft: light-dark(rgb(from #292827 r g b/50%),rgb(from #fcfaf7 r g b/60%));
  --space-2_5x: calc(10 / 16 * 1rem);
  --font-family-sans: "Super Sans VF",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  --color-action-secondary-hover: light-dark(#141413,#ffffff);
  --space-0_5x: calc(2 / 16 * 1rem);
  --color-border-sub: light-dark(rgb(from #73716d r g b/20%),rgb(from #fcfaf7 r g b/20%));
  --color-primary-dark: light-dark(#533192,rgb(from #9e7be0 r g b/16%));
  --font-size-display-small: clamp(calc(36 / 16 * 1rem),calc(16 / 16 * 1rem + 3.125vw),calc(61 / 16 * 1rem));
  --font-size-26: calc(26 / 16 * 1rem);
  --space-3x: calc(12 / 16 * 1rem);
  --space-0x: 0rem;
  --font-size-16: calc(16 / 16 * 1rem);
  --color-transparent-disabled: light-dark(rgb(from light-dark(rgb(0 0 0/0%),rgb(255 255 255/0%)) r g b/3%),rgb(from light-dark(rgb(0 0 0/0%),rgb(255 255 255/0%)) r g b/7%));
  --radius-0_5x: calc(2 / 16 * 1rem);
  --color-transparent-hover: light-dark(rgb(from light-dark(rgb(0 0 0/0%),rgb(255 255 255/0%)) r g b/5%),rgb(from light-dark(rgb(0 0 0/0%),rgb(255 255 255/0%)) r g b/10%));
  --color-bg-accent: light-dark(#e8e0ff,#281647);
  --space-7x: calc(28 / 16 * 1rem);
}