Sanity · Blog

:root {
  --color-dominant: #047cfb;
  --color-surface: #84c4fc;
  --color-ink: #043c7c;
  --color-accent: #9c7c79;
  --color-detail: #c3ccd4;
}

/* CSS variables exposed by source */
:root {
  --spacing-icon-lg: calc((25 / 16) * 1rem);
  --color-fg-accent-green: color(display-p3 .270588 1 0);
  --color-fg-error: #d00;
  --color-fg-dim: #4a4a4a;
  --color-blue-700: #0052ef;
  --color-yellow-800: #3b220c;
  --spacing-12: .75rem;
  --color-green-100: #96ff6f;
  --color-red-200: #ffdedc;
  --color-blue-300: #55beff;
  --spacing-80: 5rem;
  --color-fg-accent-magenta: color(display-p3 .960784 0 1);
  --color-gray-300: #b9b9b9;
  --color-fg-inverse-dim: #b9b9b9;
  --spacing-32: 2rem;
  --radius-none: 0;
  --color-yellow-400: #f9bc15;
  --font-mono: "IBM Plex Mono-c20ba633a65a8c57","IBM Plex Mono-c20ba633a65a8c57 fallback: Courier New",ui-monospace,monospace;
  --spacing-8: .5rem;
  --color-gray-500: #797979;
  --color-green-500: color(display-p3 .270588 1 0);
  --spacing-20: 1.125rem;
  --color-bg-accent-green-base: color(display-p3 .270588 1 0);
  --color-bg-accent-blue-dim: #afe3ff;
  --color-border-faint: #ededed;
  --color-white: #fff;
  --color-bg-accent-green-dim: #96ff6f;
  --font-sans: Waldenburg-75357948a2b6a39b,"Waldenburg-75357948a2b6a39b fallback: Arial",ui-sans-serif,system-ui,sans-serif;
  --color-yellow-300: #ffff9f;
  --spacing-96: 6rem;
  --color-border-accent-yellow: #fff500;
  --font-weight-bold: 700;
  --color-gray-100: #ededed;
  --color-red-800: #4d1714;
  --color-border-accent-green: #19d600;
  --spacing-widget-sm: calc((25 / 16) * 1rem);
  --color-border-accent-blue: #0052ef;
  --color-border-accent-magenta: #f500ff;
  --color-bg-accent-magenta-dim: #fcb9ff;
  --color-fg-base: #0b0b0b;
  --color-bg-accent-blue-base: color(display-p3 .007843 .498039 1);
  --spacing-40: 2.5rem;
  --color-fg-inverse-faint: #797979;
  --spacing-icon-sm: calc((19 / 16) * 1rem);
  --color-bg-inverse-dim: #212121;
  --color-fg-accent-yellow: color(display-p3 1 1 0);
  --color-border-base: #0b0b0b;
  --color-yellow-100: #fcffd6;
  --color-cyan-50: #e7fefe;
  --color-border-inverse-base: #fff;
  --color-blue-100: #afe3ff;
  --color-bg-accent-magenta-base: color(display-p3 .960784 0 1);
  --spacing-4: .25rem;
  --color-bg-base: #fff;
  --color-gray-800: #353535;
  --color-yellow-950: #181410;
  --color-bg-inverse-base: #0b0b0b;
  --spacing-64: 4rem;
  --color-magenta-500: color(display-p3 .960784 0 1);
  --spacing-48: 3rem;
}