/* Generated by apps/landing/scripts/build.ts from @callback/ui tokens. Do not edit. */
:root {
  color-scheme: light dark;
  --background: #FCFBF9;
  --surface: #FFFFFF;
  --surface-muted: #F1EEEA;
  --border: #ECE9E4;
  --border-strong: #E4E0DA;
  --text: #121212;
  --text-muted: #5F5B55;
  --accent: #C2410C;
  --on-accent: #FFFFFF;
  --accent-tint: #FFEDE0;
  --success: #15803D;
  --code-background: #16181C;
  --code-text: #E8E6E3;
  --code-keyword: #FF9E64;
  --code-number: #7DD3FC;
  --code-function: #C4B5FD;
  --screen-padding: 20px;
  --touch-target: 44px;
  --radius-button: 12px;
  --radius-primary-button: 14px;
  --radius-code: 14px;
  --radius-card: 14px;
  --radius-milestone: 20px;
  --radius-pill: 999px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --background: #0F1012;
    --surface: #17191C;
    --surface-muted: #1D2024;
    --border: #26292E;
    --border-strong: #2C3036;
    --text: #EDEBE8;
    --text-muted: #A09C96;
    --accent: #FB8A4C;
    --on-accent: #1A0F08;
    --accent-tint: #2B1D15;
    --success: #4ADE80;
    --code-background: #0A0B0D;
  }
}