Sanity · Projects

:root {
  --color-dominant: #349ed0;
  --color-surface: #fc8c65;
  --color-ink: #0b2483;
  --color-accent: #7f9bae;
  --color-detail: #dfd6ba;
}

/* CSS variables exposed by source */
:root {
  --color-fg-accent-green: color(display-p3 .270588 1 0);
  --color-fg-error: #d00;
  --color-blue-700: #0052ef;
  --spacing-12: .75rem;
  --brand1--dark: #fff;
  --spacing-80: 5rem;
  --color-blue-300: #55beff;
  --color-fg-accent-magenta: color(display-p3 .960784 0 1);
  --color-gray-300: #b9b9b9;
  --radius-none: 0;
  --font-mono: "ibmPlexMono", ui-monospace, monospace;
  --text6-line-height: calc(16 / 12);
  --color-gray-500: #797979;
  --color-green-500: color(display-p3 .270588 1 0);
  --text3-line-height: calc(24 / 16);
  --color-bg-accent-blue-dim: #afe3ff;
  --bg1--dark: #0b0b0b;
  --color-white: #fff;
  --color-yellow-300: #ffff9f;
  --spacing-96: 6rem;
  --text5-line-height: calc(16 / 13);
  --color-gray-100: #ededed;
  --color-border-accent-green: #19d600;
  --spacing-widget-sm: calc((25 / 16) * 1rem);
  --color-border-accent-blue: #0052ef;
  --color-fg-inverse-faint: #797979;
  --color-shadow-penumbra: #14171f14;
  --bg2--dark: #212121;
  --text2-font-size: calc(1rem / 16 * 18);
  --fg1--dark: #fff;
  --color-border-base: #0b0b0b;
  --color-blue-100: #afe3ff;
  --spacing-4: .25rem;
  --color-bg-base: #fff;
  --text2-line-height: calc(28 / 18);
  --color-bg-inverse-base: #0b0b0b;
  --color-magenta-500: color(display-p3 .960784 0 1);
  --spacing-48: 3rem;
  --bg3--dark: #212121;
  --spacing-6: .375rem;
  --spacing-widget-md: calc((35 / 16) * 1rem);
  --font-size-small: .875rem;
  --spacing-widget-xs: calc((19 / 16) * 1rem);
  --color-magenta-700: #f500ff;
  --color-magenta-300: #fa84ff;
  --spacing-0: 0rem;
  --spacing-widget-xl: calc((73 / 16) * 1rem);
  --bg4--dark: #353535;
  --font-size-h1: 3rem;
  --brand1: #ef4434;
  --color-fg-accent-blue: color(display-p3 .007843 .498039 1);
  --color-fg-inverse-base: #fff;
  --color-magenta-100: #fcb9ff;
  --color-scheme: light;
  --color-shadow-umbra: #14171f0d;
  --text1-font-size: calc(1rem / 16 * 20);
  --color-black: #0b0b0b;
  --text5-font-size: calc(1rem / 16 * 13);
  --brand2: #3274ff;
  --spacing-24: 1.51rem;
}