:root{--background:oklch(0.98 0.012 160);--foreground:oklch(0.18 0.025 165);--heading:var(--foreground);--card:oklch(1 0 0);--primary:oklch(0.58 0.17 150);--primary-glow:oklch(0.64 0.18 145);--primary-foreground:oklch(0.98 0.012 160);--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.93 0.02 160);--muted:oklch(0.94 0.018 160);--muted-foreground:oklch(0.42 0.035 165);--accent:oklch(0.55 0.14 170);--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.86 0.028 160);--ring:oklch(0.58 0.17 150);--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) 72%, transparent);--footer-bg:color-mix(in oklch, var(--background) 96%, var(--foreground) 4%);--grid-line:color-mix(in oklch, var(--foreground) 7%, 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.7 0.12 150 / 0.26), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-glow));--gradient-text:linear-gradient(135deg, oklch(0.18 0.025 165), oklch(0.36 0.08 150));--gradient-border:linear-gradient(135deg, oklch(0.58 0.17 150 / 0.45), oklch(0.6 0.14 110 / 0.25));--shadow-glow:0 0 60px -15px oklch(0.58 0.17 150 / 0.35);--shadow-card:0 1px 0 0 oklch(1 0 0 / 0.75) inset,0 20px 40px -20px oklch(0.18 0.025 165 / 0.16)}@media (prefers-color-scheme:dark){:root{--background:oklch(0.12 0.015 160);--foreground:oklch(0.96 0.008 160);--heading:var(--foreground);--card:oklch(0.18 0.02 160);--primary:oklch(0.68 0.18 150);--primary-glow:oklch(0.74 0.19 145);--primary-foreground:oklch(0.12 0.02 160);--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.22 0.025 160);--muted:oklch(0.2 0.02 160);--muted-foreground:oklch(0.7 0.035 160);--accent:oklch(0.68 0.18 150);--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.28 0.035 160);--ring:oklch(0.68 0.18 150);--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.28 0.08 150 / 0.35), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-glow));--gradient-text:linear-gradient(135deg, oklch(0.98 0.005 160), oklch(0.78 0.08 150));--gradient-border:linear-gradient(135deg, oklch(0.68 0.18 150 / 0.5), oklch(0.7 0.16 110 / 0.3));--shadow-glow:0 0 60px -15px oklch(0.68 0.18 150 / 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.98 0.012 160);--foreground:oklch(0.18 0.025 165);--heading:var(--foreground);--card:oklch(1 0 0);--primary:oklch(0.58 0.17 150);--primary-glow:oklch(0.64 0.18 145);--primary-foreground:oklch(0.98 0.012 160);--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.93 0.02 160);--muted:oklch(0.94 0.018 160);--muted-foreground:oklch(0.42 0.035 165);--accent:oklch(0.55 0.14 170);--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.86 0.028 160);--ring:oklch(0.58 0.17 150);--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) 72%, transparent);--footer-bg:color-mix(in oklch, var(--background) 96%, var(--foreground) 4%);--grid-line:color-mix(in oklch, var(--foreground) 7%, 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.7 0.12 150 / 0.26), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-glow));--gradient-text:linear-gradient(135deg, oklch(0.18 0.025 165), oklch(0.36 0.08 150));--gradient-border:linear-gradient(135deg, oklch(0.58 0.17 150 / 0.45), oklch(0.6 0.14 110 / 0.25));--shadow-glow:0 0 60px -15px oklch(0.58 0.17 150 / 0.35);--shadow-card:0 1px 0 0 oklch(1 0 0 / 0.75) inset,0 20px 40px -20px oklch(0.18 0.025 165 / 0.16)}[data-theme=dark]{--background:oklch(0.12 0.015 160);--foreground:oklch(0.96 0.008 160);--heading:var(--foreground);--card:oklch(0.18 0.02 160);--primary:oklch(0.68 0.18 150);--primary-glow:oklch(0.74 0.19 145);--primary-foreground:oklch(0.12 0.02 160);--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.22 0.025 160);--muted:oklch(0.2 0.02 160);--muted-foreground:oklch(0.7 0.035 160);--accent:oklch(0.68 0.18 150);--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.28 0.035 160);--ring:oklch(0.68 0.18 150);--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.28 0.08 150 / 0.35), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-glow));--gradient-text:linear-gradient(135deg, oklch(0.98 0.005 160), oklch(0.78 0.08 150));--gradient-border:linear-gradient(135deg, oklch(0.68 0.18 150 / 0.5), oklch(0.7 0.16 110 / 0.3));--shadow-glow:0 0 60px -15px oklch(0.68 0.18 150 / 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)}