/* Generated by SiteKit from theme tokens — do not edit */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
   --color-bg: #fafbfc;
   --color-bg-alt: #f1f3f5;
   --color-bg-card: #ffffff;
   --color-text: #1a1b2e;
   --color-text-secondary: #4a4b6a;
   --color-text-muted: #9194a8;
   --color-accent: #4f46e5;
   --color-accent-hover: #4338ca;
   --color-accent-light: #eef2ff;
   --color-border: #e2e4f0;
   --color-border-light: #f0f1f5;
   --color-code-bg: #1a1b2e;
   --color-code-text: #e2e4f0;
   --color-success: #059669;
   --color-shadow: rgba(26, 27, 46, 0.06);
   --color-shadow-lg: rgba(26, 27, 46, 0.12);
   --font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   --font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Menlo, Monaco, monospace;
   --max-width: 1200px;
   --content-width: 720px;
   --wide-content-width: 900px;
   --header-height: 64px;
   --radius: 8px;
   --radius-lg: 12px;
   --transition: 0.2s ease;
}

[data-theme="dark"] {
   --color-bg: #171923;
   --color-bg-alt: #1e2030;
   --color-bg-card: #252738;
   --color-text: #e2e4f0;
   --color-text-secondary: #a0a3c0;
   --color-text-muted: #6b6e85;
   --color-accent: #818cf8;
   --color-accent-hover: #6366f1;
   --color-accent-light: #1e1b4b;
   --color-border: #353750;
   --color-border-light: #2a2c40;
   --color-code-bg: #0d0e18;
   --color-code-text: #e2e4f0;
   --color-shadow: rgba(0, 0, 0, 0.2);
   --color-shadow-lg: rgba(0, 0, 0, 0.35);
}