:root{--color-primary:#00d4ff;--color-secondary:#09c;--color-accent:#00a2ff;--primary-rgb:0,212,255;--secondary-rgb:0,153,204;--accent-rgb:0,162,255;--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-overlay:#000c;--text-primary:#fff;--text-secondary:#e0e0e0;--text-muted:#999;--text-inverse:#0a0a0a;--border-color:#333;--divider-color:#222;--effect-glow:#00d4ff4d;--effect-hover:#222;--effect-focus:#00d4ff80;--effect-shadow:#00d4ff33;--skill-expert:#219ebc;--skill-advanced:#4db6d1;--skill-intermediate:#7bced6;--skill-beginner:#a9e6db;--syntax-keyword:#ff79c6;--syntax-variable:#8be9fd;--syntax-property:#50fa7b;--syntax-string:#f1fa8c;--syntax-operator:#ff79c6;--syntax-comment:#6272a4;--status-dot-red:#ff5f56;--status-dot-yellow:#ffbd2e;--status-dot-green:#27ca3f;--image-aspect-ratio:16/9;--image-border-radius:12px;--image-shadow:0 6px 24px #0003;--accent-primary:var(--color-primary);--accent-secondary:var(--color-secondary);--hover-bg:var(--effect-hover)}