/* Glow Theme — dark background, vibrant mesh gradient, multi-color glow */

:root {
    --color-primary:        #3b82f6;
    --color-primary-dark:   #2563eb;
    --color-primary-light:  #60a5fa;
    --color-primary-rgb:    59, 130, 246;

    --color-secondary:      #8b5cf6;
    --color-secondary-dark: #7c3aed;
    --color-secondary-light:#a78bfa;
    --color-secondary-rgb:  139, 92, 246;

    --color-accent:         #06b6d4;
    --color-accent-dark:    #0891b2;
    --color-accent-light:   #22d3ee;
    --color-accent-rgb:     6, 182, 212;

    --color-highlight:      #ec4899;
    --color-highlight-dark: #db2777;
    --color-highlight-light:#f472b6;
    --color-highlight-rgb:  236, 72, 153;

    --color-background:     #0f172a;
    --color-surface:        #1e293b;
    --color-surface-light:  #334155;

    /* Warm text */
    --color-text:            oklch(98% 0.016 73.684);
    --color-text-muted:      #b8a692;
    --color-text-bright:     oklch(99% 0.012 73.684);

    --color-border:          #334155;
    --color-border-light:    #475569;

    --color-success:         #10b981;
    --color-success-dark:    #059669;
    --color-error:           #f43f5e;
    --color-error-dark:      #e11d48;
    --color-warning:         #f59e0b;
    --color-info:            #0ea5e9;

    --gradient-primary:  linear-gradient(135deg, #2563eb 0%, #7c3aed 50%, #c026d3 100%);
    --gradient-accent:   linear-gradient(135deg, #0891b2 0%, #2563eb 50%, #7c3aed 100%);
    --gradient-highlight:linear-gradient(135deg, #f43f5e 0%, #c026d3 50%, #7c3aed 100%);
    --gradient-hero:     linear-gradient(135deg, #1e293b 0%, #0f172a 50%, #1e1b4b 100%);
    --gradient-card:     linear-gradient(145deg, #1e293b 0%, #172033 50%, #1a1535 100%);

    --gradient-mesh:
        radial-gradient(ellipse 80% 60% at 30% 15%,  rgba(37,99,235,0.5)   0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 85% 10%,  rgba(124,58,237,0.45) 0%, transparent 55%),
        radial-gradient(ellipse 60% 80% at 5%  50%,  rgba(6,182,212,0.4)   0%, transparent 50%),
        radial-gradient(ellipse 50% 60% at 90% 45%,  rgba(236,72,153,0.35) 0%, transparent 50%),
        radial-gradient(ellipse 70% 50% at 15% 90%,  rgba(192,38,211,0.42) 0%, transparent 55%),
        radial-gradient(ellipse 60% 70% at 75% 85%,  rgba(37,99,235,0.38)  0%, transparent 50%),
        radial-gradient(ellipse 40% 40% at 50% 50%,  rgba(124,58,237,0.25) 0%, transparent 45%),
        var(--color-background);

    --color-surface-alpha:     rgba(30,41,59,0.75);
    --color-background-alpha:  rgba(15,23,42,0.75);
    --theme-preview-color:     #8b5cf6;
}

/* Semi-transparent sections so mesh shows through */
.gradient-hero {
    background: linear-gradient(135deg, rgba(30,41,59,0.7) 0%, rgba(15,23,42,0.65) 50%, rgba(30,27,75,0.7) 100%) !important;
}

.card-hover:hover {
    box-shadow:
        0 12px 40px rgba(0,0,0,0.4),
        0 0 30px rgba(59,130,246,0.3),
        0 0 60px rgba(139,92,246,0.2),
        0 0 90px rgba(236,72,153,0.15) !important;
}