/* Complete AI Web: shared design tokens (same as the other Complete AI sites). Load first on every page. */
@import url("fonts/fonts.css");
:root {
  --blue: #0852A8; --blue-ink: #063F82; --blue-50: #F1F6FD; --blue-100: #C5D9F7; --blue-200: #6FB1FC; --on-blue: #fff;
  --orange: #F7941E; --orange-ink: #A35A06; --orange-50: #FEF3E5;
  --green: #208746; --green-50: #E7F5EC; --red: #B42318;
  --ink: #202832; --ink-2: #4D5866; --muted: #7F8A98; --line: #E2E7EE; --line-2: #EEF2F7;
  --ground: #F6F8FB; --paper: #fff; --paper-2: #FAFBFD;
  --shadow: 0 1px 2px rgba(20,34,56,.05), 0 10px 30px rgba(20,34,56,.07);
  --shadow-lift: 0 30px 80px -34px rgba(8,82,168,.38), 0 1px 2px rgba(20,34,56,.06);
  --display: "Bricolage Grotesque", "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
  --sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --gutter: clamp(16px, 4vw, 40px); --top-h: 72px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --blue: #5E9CEB; --blue-ink: #8CB9F3; --blue-50: #122540; --blue-100: #1E3B62; --blue-200: #3F74B8; --on-blue: #07111F;
    --orange: #F7A13F; --orange-ink: #F7B266; --orange-50: #2E210F; --green: #4DB873; --green-50: #11281A; --red: #F97066;
    --ink: #E9EEF5; --ink-2: #B3BDCA; --muted: #8591A0; --line: #233146; --line-2: #1B2739;
    --ground: #0B1320; --paper: #111B2A; --paper-2: #152133;
    --shadow: 0 1px 2px rgba(0,0,0,.35), 0 10px 30px rgba(0,0,0,.3); --shadow-lift: 0 30px 80px -30px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"] {
  --blue: #5E9CEB; --blue-ink: #8CB9F3; --blue-50: #122540; --blue-100: #1E3B62; --blue-200: #3F74B8; --on-blue: #07111F;
  --orange: #F7A13F; --orange-ink: #F7B266; --orange-50: #2E210F; --green: #4DB873; --green-50: #11281A; --red: #F97066;
  --ink: #E9EEF5; --ink-2: #B3BDCA; --muted: #8591A0; --line: #233146; --line-2: #1B2739;
  --ground: #0B1320; --paper: #111B2A; --paper-2: #152133;
}