/**
 * Impulsa Aurora v2 — Elevación y superficies glass
 */
:root {
    --shadow-1: 0 1px 2px rgba(15, 42, 62, 0.06), 0 1px 3px rgba(15, 42, 62, 0.04);
    --shadow-2: 0 4px 12px rgba(15, 42, 62, 0.08), 0 2px 4px rgba(15, 42, 62, 0.04);
    --shadow-3: 0 12px 32px rgba(15, 42, 62, 0.12), 0 4px 8px rgba(15, 42, 62, 0.06);
    --shadow-4: 0 24px 48px rgba(15, 42, 62, 0.16), 0 8px 16px rgba(15, 42, 62, 0.08);

    --glass-bg: rgba(255, 255, 255, 0.72);
    --glass-bg-strong: rgba(255, 255, 255, 0.88);
    --glass-border: rgba(213, 231, 242, 0.65);
    --glass-blur: 16px;

    --aurora-gradient-hero: linear-gradient(135deg, var(--st-deep-blue) 0%, var(--st-topbar) 45%, var(--st-deep-blue-dark-2) 100%);
    --aurora-gradient-soft: linear-gradient(180deg, var(--st-page-bg) 0%, var(--st-surface) 100%);
    --aurora-gradient-mesh: radial-gradient(ellipse 80% 60% at 20% 0%, rgba(0, 144, 208, 0.12) 0%, transparent 55%),
        radial-gradient(ellipse 60% 50% at 90% 20%, rgba(194, 138, 44, 0.08) 0%, transparent 50%);
}

html[data-theme="dark"] {
    --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-2: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-3: 0 12px 32px rgba(0, 0, 0, 0.45);
    --shadow-4: 0 24px 48px rgba(0, 0, 0, 0.5);

    --glass-bg: rgba(21, 36, 51, 0.75);
    --glass-bg-strong: rgba(21, 36, 51, 0.92);
    --glass-border: rgba(42, 64, 84, 0.7);
}

.aurora-surface-glass {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    border: 1px solid var(--glass-border);
}

.aurora-elevated-1 { box-shadow: var(--shadow-1); }
.aurora-elevated-2 { box-shadow: var(--shadow-2); }
.aurora-elevated-3 { box-shadow: var(--shadow-3); }
.aurora-elevated-4 { box-shadow: var(--shadow-4); }

.aurora-hero-bg {
    background: var(--aurora-gradient-hero);
    position: relative;
    overflow: hidden;
}

.aurora-hero-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--aurora-gradient-mesh);
    pointer-events: none;
}
