X

:root {
  --color-dominant: #647db7;
  --color-surface: #242c4c;
  --color-ink: #96b4e0;
  --color-accent: #5a6b9c;
  --color-detail: #a8b2d3;
}

/* CSS variables exposed by source */
:root {
  --border: 222 19% 86%;
  --accent: 22 100% 51.6%;
  --color-ink: 213 11% 16%;
  --secondary-hover: 213 12% 70%;
  --color-breeze: 214 48.9% 73.9%;
  --color-nimbus: 228 21.74% 95.49%;
  --color-steel: 216 4% 22%;
  --foreground-hover: 221 12% 14%;
  --color-ivory: 40 18% 97%;
  --color-codeblock: 0 0% 7%;
  --background: 0 0% 100%;
  --color-twilight: 255 92% 76%;
  --color-sunset: 22 100% 51.6%;
  --color-evenfall: 214 16.1% 28%;
  --background-hover: 222 19% 86%;
  --color-midnight: 214 58.3% 9.4%;
  --color-white: 0 0% 100%;
  --color-pewter: 213 12% 70%;
  --color-jet: 0 0% 4%;
  --color-dusk: 263 70% 50.4%;
  --radius: .5rem;
  --primary-hover: 221 12% 14%;
  --color-fog: 216 4% 51%;
  --color-ash: 216 5% 19;
  --accent-hover: 37 100% 76%;
  --color-dawn: 37 100% 76%;
  --primary: 0 0% 4%;
  --color-umbra: 221 12% 14%;
  --foreground: 0 0% 4%;
  --color-dove: 222 19% 86%;
  --secondary: 216 4% 51%;
  --color-charcoal: 0 0% 10%;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --card: 40 18% 97%;
  --scroll-size: 6px;
  --site-header-blur: 12px;
  --terminal-traffic-yellow-glow: #ffbd2e1f;
  --terminal-traffic-green-glow: #28c8401f;
  --site-header-bg: hsl(0 0% 100% / .85);
  --success: 142 71% 45%;
  --_number-flow-d: 0;
  --_number-flow-dx: 0px;
  --tw-border-spacing-x: 0;
  --terminal-traffic-red-glow: #ff5f572e;
  --tw-scale-y: 1;
  --angle: 0deg;
  --tw-ring-color: #3b82f680;
  --error: 0 84% 60%;
  --tw-translate-y: 0;
  --scroll-thumb-color: 222 19% 86%;
  --warning: 45 93% 47%;
  --site-header-h: 4rem;
  --info: 214 48.9% 73.9%;
  --tw-rotate: 0;
  --tw-ring-offset-color: #fff;
  --home-hero-pt-gap: 2.25rem;
  --terminal-traffic-red: #ff5f57;
  --tw-skew-x: 0;
  --scroll-track-color: 0 0% 100%;
}