/* GENERATED by tokens/build.ts from tokens/tokens.ts — DO NOT EDIT. * 23design tokens for plain-HTML artifacts. Dark mode: class="dark" on . */ :root { --background: #f7f7f8; --foreground: #09090b; --card: #ffffff; --card-foreground: #09090b; --popover: #ffffff; --popover-foreground: #09090b; --primary: #007595; --primary-foreground: #ffffff; --secondary: #f4f4f5; --secondary-foreground: #18181b; --muted: #f4f4f5; --muted-foreground: #5f5f68; --accent: #f4f4f5; --accent-foreground: #18181b; --destructive: #c0261d; --border: #dcdce1; --input: #dcdce1; --ring: #8a8a93; --chart-1: #7bf1a8; --chart-2: #00c950; --chart-3: #00a63e; --chart-4: #008236; --chart-5: #016630; --brand: #aa412a; --brand-foreground: #ffffff; --surface-sunken: #e9e9ed; --sidebar: #f1f1f3; --sidebar-foreground: #09090b; --sidebar-primary: #00647f; --sidebar-primary-foreground: #ffffff; --sidebar-accent: #f4f4f5; --sidebar-accent-foreground: #18181b; --sidebar-border: #dcdce1; --sidebar-ring: #8a8a93; --radius: 0.5rem; --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Roboto Mono", monospace; --motion-fast: 80ms; --motion-base: 160ms; --motion-slow: 240ms; --motion-fast-exit: 60ms; --motion-base-exit: 120ms; --motion-slow-exit: 160ms; --motion-stagger: 40ms; --ease-damped: cubic-bezier(0.22, 1, 0.36, 1); --ease-bounce: cubic-bezier(0.34, 1.36, 0.64, 1); } .dark { --background: #09090b; --foreground: #fafafa; --card: #151519; --card-foreground: #fafafa; --popover: #1c1d22; --popover-foreground: #fafafa; --primary: #3aa7c6; --primary-foreground: #05242e; --secondary: #27272a; --secondary-foreground: #fafafa; --muted: #27272a; --muted-foreground: #a1a1aa; --accent: #27272a; --accent-foreground: #fafafa; --destructive: #f0776c; --border: #292a2f; --input: #34343a; --ring: #71717a; --chart-1: #7bf1a8; --chart-2: #00c950; --chart-3: #00a63e; --chart-4: #008236; --chart-5: #016630; --brand: #d4795f; --brand-foreground: #23100b; --surface-sunken: #050507; --sidebar: #0e0e11; --sidebar-foreground: #fafafa; --sidebar-primary: #6cc6e0; --sidebar-primary-foreground: #05242e; --sidebar-accent: #27272a; --sidebar-accent-foreground: #fafafa; --sidebar-border: #292a2f; --sidebar-ring: #71717a; } body { margin: 0; background: var(--background); color: var(--foreground); font-family: var(--font-sans); line-height: 1.6; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); line-height: 1.2; text-wrap: balance; } a { color: var(--primary); } code, pre { font-family: var(--font-mono); } hr { border: 0; border-top: 1px solid var(--border); }