:root{--background:oklch(0.98 0.012 250);--foreground:oklch(0.18 0.025 250);--heading:var(--foreground);--card:oklch(1 0 0);--primary:oklch(0.58 0.17 240);--primary-glow:oklch(0.64 0.18 235);--primary-foreground:oklch(0.98 0.012 250);--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 250);--muted:oklch(0.94 0.018 250);--muted-foreground:oklch(0.42 0.035 250);--accent:oklch(0.55 0.14 225);--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 250);--ring:oklch(0.58 0.17 240);--surface:color-mix(in oklch, var(--card) 86%, transparent);--surface-muted:color-mix(in oklch, var(--muted) 78%, transparent);--surface-hover:oklch(0.94 0.03 240);--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 240 / 0.26), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-glow));--gradient-text:linear-gradient(135deg, oklch(0.18 0.025 250), oklch(0.36 0.08 240));--gradient-border:linear-gradient(135deg, oklch(0.58 0.17 240 / 0.45), oklch(0.6 0.14 200 / 0.25));--shadow-glow:0 0 60px -15px oklch(0.58 0.17 240 / 0.35);--shadow-card:0 1px 0 0 oklch(1 0 0 / 0.75) inset,0 20px 40px -20px oklch(0.18 0.025 250 / 0.16)}@media (prefers-color-scheme:dark){:root{--background:oklch(0.12 0.015 250);--foreground:oklch(0.96 0.008 250);--heading:var(--foreground);--card:oklch(0.18 0.02 250);--primary:oklch(0.68 0.18 240);--primary-glow:oklch(0.74 0.19 235);--primary-foreground:oklch(0.12 0.02 250);--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 250);--muted:oklch(0.2 0.02 250);--muted-foreground:oklch(0.7 0.035 250);--accent:oklch(0.68 0.18 240);--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 250);--ring:oklch(0.68 0.18 240);--surface:color-mix(in oklch, var(--card) 46%, transparent);--surface-muted:color-mix(in oklch, var(--card) 62%, transparent);--surface-hover:oklch(0.24 0.04 240);--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 240 / 0.35), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-glow));--gradient-text:linear-gradient(135deg, oklch(0.98 0.005 250), oklch(0.78 0.08 240));--gradient-border:linear-gradient(135deg, oklch(0.68 0.18 240 / 0.5), oklch(0.7 0.16 200 / 0.3));--shadow-glow:0 0 60px -15px oklch(0.68 0.18 240 / 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 250);--foreground:oklch(0.18 0.025 250);--heading:var(--foreground);--card:oklch(1 0 0);--primary:oklch(0.58 0.17 240);--primary-glow:oklch(0.64 0.18 235);--primary-foreground:oklch(0.98 0.012 250);--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 250);--muted:oklch(0.94 0.018 250);--muted-foreground:oklch(0.42 0.035 250);--accent:oklch(0.55 0.14 225);--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 250);--ring:oklch(0.58 0.17 240);--surface:color-mix(in oklch, var(--card) 86%, transparent);--surface-muted:color-mix(in oklch, var(--muted) 78%, transparent);--surface-hover:oklch(0.94 0.03 240);--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 240 / 0.26), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-glow));--gradient-text:linear-gradient(135deg, oklch(0.18 0.025 250), oklch(0.36 0.08 240));--gradient-border:linear-gradient(135deg, oklch(0.58 0.17 240 / 0.45), oklch(0.6 0.14 200 / 0.25));--shadow-glow:0 0 60px -15px oklch(0.58 0.17 240 / 0.35);--shadow-card:0 1px 0 0 oklch(1 0 0 / 0.75) inset,0 20px 40px -20px oklch(0.18 0.025 250 / 0.16)}[data-theme=dark]{--background:oklch(0.12 0.015 250);--foreground:oklch(0.96 0.008 250);--heading:var(--foreground);--card:oklch(0.18 0.02 250);--primary:oklch(0.68 0.18 240);--primary-glow:oklch(0.74 0.19 235);--primary-foreground:oklch(0.12 0.02 250);--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 250);--muted:oklch(0.2 0.02 250);--muted-foreground:oklch(0.7 0.035 250);--accent:oklch(0.68 0.18 240);--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 250);--ring:oklch(0.68 0.18 240);--surface:color-mix(in oklch, var(--card) 46%, transparent);--surface-muted:color-mix(in oklch, var(--card) 62%, transparent);--surface-hover:oklch(0.24 0.04 240);--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 240 / 0.35), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-glow));--gradient-text:linear-gradient(135deg, oklch(0.98 0.005 250), oklch(0.78 0.08 240));--gradient-border:linear-gradient(135deg, oklch(0.68 0.18 240 / 0.5), oklch(0.7 0.16 200 / 0.3));--shadow-glow:0 0 60px -15px oklch(0.68 0.18 240 / 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)}