Headroom | The Small Business Operating System For AI

:root {
  --color-dominant: #143cfb;
  --color-surface: #849cfc;
  --color-ink: #1c34ac;
  --color-accent: #021c96;
  --color-detail: #032095;
}

/* CSS variables exposed by source */
:root {
  --border: 0 0% 91%;
  --border-selected: 0 0% 73%;
  --text-selection-bg: 230 100% 54% / .2;
  --brand-blue: 230 100% 54%;
  --brand-blue-alt: 234.55 100% 97.84%;
  --radius: .5rem;
  --ink: 0 0% 9%;
  --font-inter: "interFont", "interFont Fallback";
  --text-selection-fg: 0 0% 9%;
  --secondary-bg: 0 0% 82%;
  --border-light: 0 0% 96%;
  --font-twk-lausanne: "twkLaussanneFont", "twkLaussanneFont Fallback";
  --primary-fg: 0 0% 99%;
  --primary-bg: 230 100% 54%;
  --paper-soft: 0 0% 99%;
  --paper-strong: 0 0% 96%;
  --paper: 0 0% 100%;
  --secondary-fg: 230 100% 54%;
  --pastel-lilac-light: 232 100% 94%;
  --blue-400: 230 100% 54% / .4;
  --tw-ring-shadow: 0 0 #0000;
  --c15t-space-lg: 1.5rem;
  --c15t-font-weight-medium: 500;
  --pastel-orange-ink: 25 68% 50%;
  --c15t-surface: hsl(0, 0%, 100%);
  --pastel-emerald-dark: 162 68% 77%;
  --c15t-font-size-base: 1rem;
  --c15t-font-size-lg: 1.125rem;
  --c15t-surface-hover: hsl(0, 0%, 98%);
  --pastel-brown-mid: 28 40% 45%;
  --pastel-blue-dark: 208 100% 81%;
  --c15t-shadow-md: 0 4px 12px hsla(0, 0%, 0%, 0.08);
  --blue-500: 230 100% 54% / .5;
  --success-fg: 0 0% 100%;
  --pastel-neutral-dark: 0 0% 83%;
  --pastel-emerald-light: 162 67% 88%;
  --pastel-neutral-mid: 0 0% 50%;
  --pastel-sage-light: 89 69% 90%;
  --yield-fg: 0 0% 100%;
  --heatmap-nodata: hsl(0 0% 96%);
  --dark-700: 217 19% 26%;
  --pastel-orange-light: 23 100% 92%;
  --blue-800: 230 100% 54% / .8;
  --blue-100: 230 100% 54% / .1;
  --tw-border-spacing-x: 0;
  --pastel-teal-mid: 185 55% 40%;
  --pastel-sage-mid: 90 45% 42%;
  --c15t-radius-full: 9999px;
  --dark-50: 222 20% 96%;
  --gray-25: 0 0% 99%;
  --placeholder-fg: 0 0% 55%;
  --c15t-radius-sm: 0.25rem;
  --tw-ring-color: hsl(230 100% 54% / .5 / .5);
  --c15t-overlay: hsla(0, 0%, 0%, 0.5);
  --blue-600: 230 100% 54% / .6;
  --dark-800: 215 28% 19%;
  --c15t-line-height-normal: 1.5;
  --cell-loading-angle: 0deg;
  --gray-600: 0 0% 45%;
  --blue-900: 230 100% 54% / .9;
}