/* Social Ambition Labs — generated from design-system-labs/tokens.json by scripts/build.mjs */
@font-face { font-family: "Bricolage Grotesque"; src: url("/fonts/BricolageGrotesque-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Bricolage Grotesque"; src: url("/fonts/BricolageGrotesque-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("/fonts/SourceSerif4-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("/fonts/SourceSerif4-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/fonts/IBMPlexMono-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/fonts/IBMPlexMono-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

:root {
  color-scheme: light dark;
  --paper: #F4F6F8;
  --paper-raised: #FFFFFF;
  --rule: #C9D2DC;
  --dot: #B7C2CE;
  --ink: #0F1B2D;
  --ink-muted: #4C5A6B;
  --signal: #B9400E;
  --signal-soft: #FCE8DE;
  --on-signal: #FFFFFF;
  --result: #17734F;
  --font-display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-12: 48px;
  --grid-cell: 24px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-full: 9999px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0B131D;
    --paper-raised: #121D29;
    --rule: #2A3A4D;
    --dot: #2E3F52;
    --ink: #E8EDF2;
    --ink-muted: #9AA8B7;
    --signal: #FF8A57;
    --signal-soft: #3A1C0E;
    --on-signal: #0B131D;
    --result: #5CCB9A;
  }
}
:root[data-theme="dark"] {
  --paper: #0B131D;
  --paper-raised: #121D29;
  --rule: #2A3A4D;
  --dot: #2E3F52;
  --ink: #E8EDF2;
  --ink-muted: #9AA8B7;
  --signal: #FF8A57;
  --signal-soft: #3A1C0E;
  --on-signal: #0B131D;
  --result: #5CCB9A;
}