/* Ultra-fast theme system using classes */

/* Default theme */
body.theme-default {
    --bg-color: #000;
    --text-color: #0f0;
    --accent-color: #0f0;
    --accent-hover: rgba(0, 255, 0, 0.1);
    --accent-border: rgba(0, 255, 0, 0.2);
}

/* Blue theme */
body.theme-blue {
    --bg-color: #001;
    --text-color: #0ff;
    --accent-color: #0ff;
    --accent-hover: rgba(0, 255, 255, 0.1);
    --accent-border: rgba(0, 255, 255, 0.2);
}

/* Red theme */
body.theme-red {
    --bg-color: #100;
    --text-color: #f00;
    --accent-color: #f00;
    --accent-hover: rgba(255, 0, 0, 0.1);
    --accent-border: rgba(255, 0, 0, 0.2);
}

/* Matrix theme */
body.theme-matrix {
    --bg-color: #000;
    --text-color: #00ff00;
    --accent-color: #00ff00;
    --accent-hover: rgba(0, 255, 0, 0.1);
    --accent-border: rgba(0, 255, 0, 0.2);
}

/* Synthwave theme */
body.theme-synthwave {
    --bg-color: #0a0a0a;
    --text-color: #ff00ff;
    --accent-color: #00ffff;
    --accent-hover: rgba(0, 255, 255, 0.1);
    --accent-border: rgba(0, 255, 255, 0.2);
}

/* Amber theme */
body.theme-amber {
    --bg-color: #111;
    --text-color: #ffb000;
    --accent-color: #ffb000;
    --accent-hover: rgba(255, 176, 0, 0.1);
    --accent-border: rgba(255, 176, 0, 0.2);
}

/* Matrix canvas - always present but only visible for matrix theme */
.matrix-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}

body.theme-matrix .matrix-canvas {
    opacity: 0.15;
}

/* Faster transitions for theme switching */
body {
    transition: background-color 0.2s ease, color 0.2s ease;
}

h1, h2, h3, h4, h5, h6,
.section,
input,
button,
pre,
.theme-switcher button {
    transition: all 0.2s ease;
}

/* Remove transition delays for instant feedback */
* {
    transition-delay: 0s !important;
}