:root{--color-primary:#5454f8;--color-secondary:#267B54;--color-accent:#4088b8;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--text-primary:#2c3e50;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#ffffff;--surface-background:#ffffff;--surface-elevated:#f8fafc;--surface-overlay:#f1f5f9;--surface-interactive:#e2e8f0;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-interactive:var(--color-primary);--code-background:#f8fafc;--code-text:#475569;--code-keyword:#e96900;--code-string:#22c55e;--code-number:#8b5cf6;--code-comment:#94a3b8;--color-primary-hover:color-mix(in srgb, var(--color-primary) 85%, black);--color-secondary-hover:color-mix(in srgb, var(--color-secondary) 85%, black);--surface-interactive-hover:color-mix(in srgb, var(--surface-interactive) 80%, var(--color-primary));--font-size-body:clamp(1.125rem, 1rem + 0.6vw, 1.375rem);--spacing-paragraph:clamp(1rem, 0.8rem + 0.4vw, 1.5rem);--font-size-h1:clamp(2.25rem, 1.75rem + 2.8vw, 3.5rem);--font-size-h2-h3:clamp(1.5rem, 1.3rem + 1vw, 2.125rem);--font-size-h4-h6:clamp(1.25rem, 1.1rem + 0.75vw, 1.625rem);--font-size-nav:clamp(1rem, 0.95rem + 0.15vw, 1.125rem);--font-size-small:clamp(0.875rem, 0.8rem + 0.3vw, 1rem);--font-size-code:clamp(1rem, 0.95rem + 0.4vw, 1.25rem)}[data-theme=dark]{--color-primary:#818cf8;--color-secondary:#34d399;--color-accent:#60a5fa;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#f87171;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--surface-background:#0f172a;--surface-elevated:#1e293b;--surface-overlay:#334155;--surface-interactive:#475569;--border-primary:#334155;--border-secondary:#1e293b;--code-background:#1e293b;--code-text:#e2e8f0;--code-keyword:#60a5fa;--code-string:#34d399;--code-number:#a78bfa;--code-comment:#64748b;--color-primary-hover:color-mix(in srgb, var(--color-primary) 80%, white);--color-secondary-hover:color-mix(in srgb, var(--color-secondary) 80%, white);--surface-interactive-hover:color-mix(in srgb, var(--surface-interactive) 70%, var(--color-primary))}