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

:root {
   --color-bg: #f5f3ef;
   --color-bg-alt: #edeae4;
   --color-bg-card: #ffffff;
   --color-text: #1c1917;
   --color-text-secondary: #57534e;
   --color-text-muted: #a8a29e;
   --color-accent: #e8590c;
   --color-accent-hover: #c44b0a;
   --color-accent-light: #fff7ed;
   --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: "DM Sans", -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: 900px;
   --content-width: 720px;
   --wide-content-width: 900px;
   --header-height: 60px;
   --radius: 10px;
   --radius-lg: 14px;
   --transition: 0.2s ease;
}

[data-theme="dark"] {
   --color-bg: #171412;
   --color-bg-alt: #221e1a;
   --color-bg-card: #272320;
   --color-text: #e7e5e4;
   --color-text-secondary: #a8a29e;
   --color-text-muted: #78716c;
   --color-accent: #f97316;
   --color-accent-hover: #ea580c;
   --color-accent-light: #431407;
   --color-border: #3a3530;
   --color-border-light: #2a2520;
   --color-code-bg: #0f0e0d;
   --color-code-text: #e7e5e4;
   --color-shadow: rgba(0, 0, 0, 0.25);
   --color-shadow-lg: rgba(0, 0, 0, 0.4);
}