/* =============================================
   Theme: Dark Tech (default)
   ============================================= */
:root {
    --color-blue:    #00E5FF;
    --color-purple:  #8A2BE2;
    --color-white:   #E8EAF0;
    --color-gray:    #9ca3af;
    --color-border:  rgba(0, 229, 255, 0.18);

    --bg-primary:    #121214;
    --bg-secondary:  #1a1a1f;
    --bg-card:       #1e1e24;

    /* Semi-transparent variants for canvas show-through */
    --bg-primary-t:  rgba(18, 18, 20, 0.72);
    --bg-secondary-t: rgba(26, 26, 31, 0.76);
    --bg-card-t:     rgba(30, 30, 36, 0.86);

    --text-primary:  #E8EAF0;
    --text-secondary: #9ca3af;

    --header-bg:         rgba(18, 18, 20, 0.6);
    --header-bg-scrolled: rgba(18, 18, 20, 0.92);
    --nav-hover-bg:      rgba(255, 255, 255, 0.06);

    --tag-blue-bg:       rgba(0, 229, 255, 0.12);
    --tag-blue-border:   rgba(0, 229, 255, 0.3);
    --tag-purple-bg:     rgba(138, 43, 226, 0.12);
    --tag-purple-border: rgba(138, 43, 226, 0.3);

    --btn-text:         #000;
    --btn-shadow:       0 0 24px rgba(0, 229, 255, 0.30);
    --btn-shadow-hover: 0 0 40px rgba(0, 229, 255, 0.55);
    --gradient-blue:  linear-gradient(135deg, #00E5FF 0%, #00AACC 100%);
    --gradient-mixed: linear-gradient(135deg, #00E5FF 0%, #8A2BE2 100%);

    /* Canvas particle colors: blue, blue, blue, purple, purple, white */
    --canvas-colors: '#00E5FF','#00E5FF','#00E5FF','#8A2BE2','#8A2BE2','#ffffff';
}