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

:root {
   --color-bg: #faf5ff;
   --color-bg-alt: #f3e8ff;
   --color-bg-card: #ffffff;
   --color-text: #1c1917;
   --color-text-secondary: #57534e;
   --color-text-muted: #a8a29e;
   --color-accent: #7c3aed;
   --color-accent-hover: #6d28d9;
   --color-accent-light: #f3e8ff;
   --color-border: #e9d5ff;
   --color-border-light: #f3e8ff;
   --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: "Manrope", -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: #0f0a1a;
   --color-bg-alt: #1a1030;
   --color-bg-card: #1e1535;
   --color-text: #e7e5e4;
   --color-text-secondary: #a8a29e;
   --color-text-muted: #78716c;
   --color-accent: #a78bfa;
   --color-accent-hover: #8b5cf6;
   --color-accent-light: #1e1035;
   --color-border: #2d2045;
   --color-border-light: #251838;
   --color-code-bg: #0f0e0d;
   --color-code-text: #e7e5e4;
   --color-shadow: rgba(0, 0, 0, 0.2);
   --color-shadow-lg: rgba(0, 0, 0, 0.35);
}