/* CheckSmith.ai — Brand Design Tokens
 * Generated for use in stylesheets, design tools, and downstream systems.
 */
:root {
  /* Brand palette */
  --brand-50: #eef1f8; /* Mist backgrounds, subtle tints */
  --brand-100: #d6dbee; /* Hover states, soft borders */
  --brand-200: #acb3d6; /* Dividers, disabled accents */
  --brand-300: #7f88bd; /* Secondary accents */
  --brand-400: #4e58a0; /* Icons, muted links */
  --brand-500: #232e8c; /* Active states, emphasis */
  --brand-600: #08126a; /* Primary buttons, links, headers */
  --brand-700: #060e55; /* Button hover, deep surfaces */
  --brand-800: #050b44; /* Footer, dark cards */
  --brand-900: #030730; /* Primary ink, headings */

  /* Accents */
  --color-brand-blue: #3662e3; /* Help center, tenant accents */
  --color-marketing-nav-blue: #0461db; /* Marketing pill navigation */

  /* Typography */
  --font-display: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;

  /* Type scale (font-size) */
  --text-display-h1: 2.25rem;
  --text-heading-h2: 1.5rem;
  --text-heading-h3: 1.25rem;
  --text-body-large: 1.125rem;
  --text-body: 1rem;
  --text-caption: 0.875rem;
}