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

:root {
   --color-bg: #fafaf8;
   --color-bg-alt: #f3f3ef;
   --color-bg-card: #ffffff;
   --color-text: #1c1917;
   --color-text-secondary: #57534e;
   --color-text-muted: #a8a29e;
   --color-accent: #2563EB;
   --color-accent-hover: #1D4ED8;
   --color-accent-light: #EFF6FF;
   --color-border: #e7e5e4;
   --color-border-light: #f5f5f4;
   --color-code-bg: #1c1917;
   --color-code-text: #e7e5e4;
   --color-success: #059669;
   --color-shadow: rgba(28, 25, 23, 0.06);
   --color-shadow-lg: rgba(28, 25, 23, 0.12);
   --font-heading: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   --font-sans: "Nunito Sans", -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: #0F172A;
   --color-bg-alt: #1E293B;
   --color-bg-card: #1E293B;
   --color-text: #E2E8F0;
   --color-text-secondary: #94A3B8;
   --color-text-muted: #64748B;
   --color-accent: #60A5FA;
   --color-accent-hover: #3B82F6;
   --color-accent-light: #172554;
   --color-border: #334155;
   --color-border-light: #1E293B;
   --color-code-bg: #0B1120;
   --color-code-text: #e7e5e4;
   --color-shadow: rgba(0, 0, 0, 0.3);
   --color-shadow-lg: rgba(0, 0, 0, 0.45);
}