:root{--background:oklch(0.99 0.018 95);--foreground:oklch(0.2 0.025 95);--heading:var(--foreground);--card:oklch(1 0 0);--primary:oklch(0.62 0.14 80);--primary-glow:oklch(0.7 0.18 84);--primary-foreground:oklch(0.98 0.01 95);--primary-soft:color-mix(in oklch, var(--primary) 12%, transparent);--primary-softer:color-mix(in oklch, var(--primary) 6%, transparent);--primary-border:color-mix(in oklch, var(--primary) 45%, transparent);--secondary:oklch(0.94 0.025 95);--muted:oklch(0.95 0.02 95);--muted-foreground:oklch(0.4 0.04 95);--accent:oklch(0.68 0.14 75);--accent-soft:color-mix(in oklch, var(--accent) 12%, transparent);--accent-softer:color-mix(in oklch, var(--accent) 6%, transparent);--accent-border:color-mix(in oklch, var(--accent) 35%, transparent);--border:oklch(0.85 0.03 95);--ring:oklch(0.62 0.14 80);--surface:color-mix(in oklch, var(--card) 86%, transparent);--surface-muted:color-mix(in oklch, var(--muted) 78%, transparent);--surface-hover:color-mix(in oklch, var(--primary) 8%, var(--card));--surface-border:color-mix(in oklch, var(--border) 78%, transparent);--surface-border-strong:color-mix(in oklch, var(--foreground) 20%, transparent);--header-bg:color-mix(in oklch, var(--background) 74%, transparent);--footer-bg:color-mix(in oklch, var(--background) 96%, var(--foreground) 4%);--grid-line:color-mix(in oklch, var(--foreground) 6%, transparent);--inline-code-bg:color-mix(in oklch, var(--background) 92%, var(--foreground) 8%);--code-bg:color-mix(in oklch, var(--background) 94%, var(--foreground) 6%);--code-header-bg:color-mix(in oklch, var(--code-bg) 88%, var(--foreground) 12%);--code-border:var(--surface-border);--code-line-number:color-mix(in oklch, var(--muted-foreground) 65%, transparent);--success:oklch(0.58 0.16 145);--success-soft:color-mix(in oklch, var(--success) 14%, transparent);--warning:oklch(0.64 0.15 90);--warning-soft:color-mix(in oklch, var(--warning) 14%, transparent);--danger:oklch(0.58 0.2 25);--danger-soft:color-mix(in oklch, var(--danger) 14%, transparent);--syntax-comment:oklch(0.55 0.02 250);--syntax-keyword:var(--primary);--syntax-string:var(--success);--syntax-tag:var(--accent);--syntax-attr:var(--warning);--gradient-hero:radial-gradient(ellipse at top, oklch(0.86 0.18 84 / 0.3), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-glow));--gradient-text:linear-gradient(135deg, oklch(0.22 0.025 95), oklch(0.45 0.12 80));--gradient-border:linear-gradient(135deg, oklch(0.62 0.14 80 / 0.45), oklch(0.58 0.12 90 / 0.25));--shadow-glow:0 0 60px -15px oklch(0.62 0.14 80 / 0.35);--shadow-card:0 1px 0 0 oklch(1 0 0 / 0.7) inset,0 20px 40px -20px oklch(0.2 0.025 95 / 0.16)}@media (prefers-color-scheme:dark){:root{--background:oklch(0.14 0.012 95);--foreground:oklch(0.96 0.012 95);--heading:var(--foreground);--card:oklch(0.2 0.02 95);--primary:oklch(0.75 0.16 82);--primary-glow:oklch(0.8 0.2 84);--primary-foreground:oklch(0.14 0.02 95);--primary-soft:color-mix(in oklch, var(--primary) 12%, transparent);--primary-softer:color-mix(in oklch, var(--primary) 6%, transparent);--primary-border:color-mix(in oklch, var(--primary) 45%, transparent);--secondary:oklch(0.26 0.025 95);--muted:oklch(0.22 0.02 95);--muted-foreground:oklch(0.72 0.03 95);--accent:oklch(0.75 0.15 78);--accent-soft:color-mix(in oklch, var(--accent) 12%, transparent);--accent-softer:color-mix(in oklch, var(--accent) 6%, transparent);--accent-border:color-mix(in oklch, var(--accent) 35%, transparent);--border:oklch(0.33 0.03 95);--ring:oklch(0.75 0.16 82);--surface:color-mix(in oklch, var(--card) 46%, transparent);--surface-muted:color-mix(in oklch, var(--card) 62%, transparent);--surface-hover:color-mix(in oklch, var(--primary) 9%, var(--card));--surface-border:color-mix(in oklch, var(--border) 70%, transparent);--surface-border-strong:color-mix(in oklch, var(--foreground) 20%, transparent);--header-bg:color-mix(in oklch, var(--background) 60%, transparent);--footer-bg:color-mix(in oklch, var(--background) 88%, black 12%);--grid-line:color-mix(in oklch, var(--foreground) 5%, transparent);--inline-code-bg:color-mix(in oklch, var(--background) 82%, var(--foreground) 8%);--code-bg:oklch(0.16 0.015 250);--code-header-bg:color-mix(in oklch, var(--card) 60%, transparent);--code-border:var(--surface-border);--code-line-number:color-mix(in oklch, var(--muted-foreground) 65%, transparent);--success:oklch(0.78 0.15 145);--success-soft:color-mix(in oklch, var(--success) 14%, transparent);--warning:oklch(0.78 0.14 90);--warning-soft:color-mix(in oklch, var(--warning) 14%, transparent);--danger:oklch(0.62 0.22 25);--danger-soft:color-mix(in oklch, var(--danger) 14%, transparent);--syntax-comment:oklch(0.55 0.02 250);--syntax-keyword:var(--primary);--syntax-string:var(--success);--syntax-tag:var(--accent);--syntax-attr:var(--warning);--gradient-hero:radial-gradient(ellipse at top, oklch(0.3 0.08 80 / 0.4), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-glow));--gradient-text:linear-gradient(135deg, oklch(0.98 0.008 95), oklch(0.85 0.1 84));--gradient-border:linear-gradient(135deg, oklch(0.75 0.16 82 / 0.5), oklch(0.72 0.14 88 / 0.3));--shadow-glow:0 0 60px -15px oklch(0.75 0.16 82 / 0.5);--shadow-card:0 1px 0 0 oklch(1 0 0 / 0.05) inset,0 20px 40px -20px oklch(0 0 0 / 0.5)}}[data-theme=light]{--background:oklch(0.99 0.018 95);--foreground:oklch(0.2 0.025 95);--heading:var(--foreground);--card:oklch(1 0 0);--primary:oklch(0.62 0.14 80);--primary-glow:oklch(0.7 0.18 84);--primary-foreground:oklch(0.98 0.01 95);--primary-soft:color-mix(in oklch, var(--primary) 12%, transparent);--primary-softer:color-mix(in oklch, var(--primary) 6%, transparent);--primary-border:color-mix(in oklch, var(--primary) 45%, transparent);--secondary:oklch(0.94 0.025 95);--muted:oklch(0.95 0.02 95);--muted-foreground:oklch(0.4 0.04 95);--accent:oklch(0.68 0.14 75);--accent-soft:color-mix(in oklch, var(--accent) 12%, transparent);--accent-softer:color-mix(in oklch, var(--accent) 6%, transparent);--accent-border:color-mix(in oklch, var(--accent) 35%, transparent);--border:oklch(0.85 0.03 95);--ring:oklch(0.62 0.14 80);--surface:color-mix(in oklch, var(--card) 86%, transparent);--surface-muted:color-mix(in oklch, var(--muted) 78%, transparent);--surface-hover:color-mix(in oklch, var(--primary) 8%, var(--card));--surface-border:color-mix(in oklch, var(--border) 78%, transparent);--surface-border-strong:color-mix(in oklch, var(--foreground) 20%, transparent);--header-bg:color-mix(in oklch, var(--background) 74%, transparent);--footer-bg:color-mix(in oklch, var(--background) 96%, var(--foreground) 4%);--grid-line:color-mix(in oklch, var(--foreground) 6%, transparent);--inline-code-bg:color-mix(in oklch, var(--background) 92%, var(--foreground) 8%);--code-bg:color-mix(in oklch, var(--background) 94%, var(--foreground) 6%);--code-header-bg:color-mix(in oklch, var(--code-bg) 88%, var(--foreground) 12%);--code-border:var(--surface-border);--code-line-number:color-mix(in oklch, var(--muted-foreground) 65%, transparent);--success:oklch(0.58 0.16 145);--success-soft:color-mix(in oklch, var(--success) 14%, transparent);--warning:oklch(0.64 0.15 90);--warning-soft:color-mix(in oklch, var(--warning) 14%, transparent);--danger:oklch(0.58 0.2 25);--danger-soft:color-mix(in oklch, var(--danger) 14%, transparent);--syntax-comment:oklch(0.55 0.02 250);--syntax-keyword:var(--primary);--syntax-string:var(--success);--syntax-tag:var(--accent);--syntax-attr:var(--warning);--gradient-hero:radial-gradient(ellipse at top, oklch(0.86 0.18 84 / 0.3), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-glow));--gradient-text:linear-gradient(135deg, oklch(0.22 0.025 95), oklch(0.45 0.12 80));--gradient-border:linear-gradient(135deg, oklch(0.62 0.14 80 / 0.45), oklch(0.58 0.12 90 / 0.25));--shadow-glow:0 0 60px -15px oklch(0.62 0.14 80 / 0.35);--shadow-card:0 1px 0 0 oklch(1 0 0 / 0.7) inset,0 20px 40px -20px oklch(0.2 0.025 95 / 0.16)}[data-theme=dark]{--background:oklch(0.14 0.012 95);--foreground:oklch(0.96 0.012 95);--heading:var(--foreground);--card:oklch(0.2 0.02 95);--primary:oklch(0.75 0.16 82);--primary-glow:oklch(0.8 0.2 84);--primary-foreground:oklch(0.14 0.02 95);--primary-soft:color-mix(in oklch, var(--primary) 12%, transparent);--primary-softer:color-mix(in oklch, var(--primary) 6%, transparent);--primary-border:color-mix(in oklch, var(--primary) 45%, transparent);--secondary:oklch(0.26 0.025 95);--muted:oklch(0.22 0.02 95);--muted-foreground:oklch(0.72 0.03 95);--accent:oklch(0.75 0.15 78);--accent-soft:color-mix(in oklch, var(--accent) 12%, transparent);--accent-softer:color-mix(in oklch, var(--accent) 6%, transparent);--accent-border:color-mix(in oklch, var(--accent) 35%, transparent);--border:oklch(0.33 0.03 95);--ring:oklch(0.75 0.16 82);--surface:color-mix(in oklch, var(--card) 46%, transparent);--surface-muted:color-mix(in oklch, var(--card) 62%, transparent);--surface-hover:color-mix(in oklch, var(--primary) 9%, var(--card));--surface-border:color-mix(in oklch, var(--border) 70%, transparent);--surface-border-strong:color-mix(in oklch, var(--foreground) 20%, transparent);--header-bg:color-mix(in oklch, var(--background) 60%, transparent);--footer-bg:color-mix(in oklch, var(--background) 88%, black 12%);--grid-line:color-mix(in oklch, var(--foreground) 5%, transparent);--inline-code-bg:color-mix(in oklch, var(--background) 82%, var(--foreground) 8%);--code-bg:oklch(0.16 0.015 250);--code-header-bg:color-mix(in oklch, var(--card) 60%, transparent);--code-border:var(--surface-border);--code-line-number:color-mix(in oklch, var(--muted-foreground) 65%, transparent);--success:oklch(0.78 0.15 145);--success-soft:color-mix(in oklch, var(--success) 14%, transparent);--warning:oklch(0.78 0.14 90);--warning-soft:color-mix(in oklch, var(--warning) 14%, transparent);--danger:oklch(0.62 0.22 25);--danger-soft:color-mix(in oklch, var(--danger) 14%, transparent);--syntax-comment:oklch(0.55 0.02 250);--syntax-keyword:var(--primary);--syntax-string:var(--success);--syntax-tag:var(--accent);--syntax-attr:var(--warning);--gradient-hero:radial-gradient(ellipse at top, oklch(0.3 0.08 80 / 0.4), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-glow));--gradient-text:linear-gradient(135deg, oklch(0.98 0.008 95), oklch(0.85 0.1 84));--gradient-border:linear-gradient(135deg, oklch(0.75 0.16 82 / 0.5), oklch(0.72 0.14 88 / 0.3));--shadow-glow:0 0 60px -15px oklch(0.75 0.16 82 / 0.5);--shadow-card:0 1px 0 0 oklch(1 0 0 / 0.05) inset,0 20px 40px -20px oklch(0 0 0 / 0.5)}