/* =====================================================================
   Direction A — "Aurora Drift"  (default)

   One slow aurora ribbon: three drifting radial blobs in indigo → cyan →
   violet. Cohesive and atmospheric, and the cheapest of the three to render
   because a single animated layer carries all the colour.

   Anchors: #6366F1 indigo · #22D3EE cyan · #A855F7 violet · base #0A0B12
   ===================================================================== */

:root,
[data-theme="dark"] {
    color-scheme: dark;

    --bg:               #0a0b12;

    --accent-rgb:       99, 102, 241;
    --blob-1:           99, 102, 241;
    --blob-2:           34, 211, 238;
    --blob-3:           168, 85, 247;
    --blob-opacity:     0.55;
    --grain-opacity:    0.035;

    --text:             #edeef5;
    --text-body:        #ced2e2;
    --text-muted:       #969bb3;
    --link:             #a5b4fc;
    --link-hover:       #c7d2fe;
    --danger:           #fb7185;

    --glass-bg:         rgba(255, 255, 255, 0.07);
    --glass-bg-strong:  rgba(255, 255, 255, 0.11);
    --glass-border:     rgba(255, 255, 255, 0.15);
    --glass-sheen:      rgba(255, 255, 255, 0.55);
    --glass-fallback:   rgba(18, 20, 32, 0.92);

    --nav-bg:           rgba(10, 11, 18, 0.55);
    --surface-solid:    rgba(13, 15, 25, 0.88);
    --hover-fill:       rgba(255, 255, 255, 0.10);
    --input-bg:         rgba(255, 255, 255, 0.06);

    --media-placeholder: #171a27;
    --hero-scrim:       rgba(6, 7, 15, 0.88);
    --lightbox-scrim:   rgba(5, 6, 14, 0.80);
}

[data-theme="light"] {
    color-scheme: light;

    --bg:               #eef1f8;

    --accent-rgb:       79, 70, 229;
    --blob-1:           129, 140, 248;
    --blob-2:           103, 232, 249;
    --blob-3:           192, 132, 252;
    --blob-opacity:     0.5;
    --grain-opacity:    0.02;

    --text:             #171a26;
    --text-body:        #2c3244;
    --text-muted:       #5a6076;
    --link:             #4338ca;
    --link-hover:       #312e81;
    --danger:           #be123c;

    --glass-bg:         rgba(255, 255, 255, 0.50);
    --glass-bg-strong:  rgba(255, 255, 255, 0.66);
    --glass-border:     rgba(23, 26, 38, 0.12);
    --glass-sheen:      rgba(255, 255, 255, 0.95);
    --glass-fallback:   rgba(255, 255, 255, 0.94);

    --nav-bg:           rgba(255, 255, 255, 0.62);
    --surface-solid:    rgba(255, 255, 255, 0.93);
    --hover-fill:       rgba(23, 26, 38, 0.06);
    --input-bg:         rgba(255, 255, 255, 0.78);

    --media-placeholder: #dfe4f0;
    /* Light hero scrim so dark panel text stays legible over a photo. */
    --hero-scrim:       rgba(255, 255, 255, 0.82);
    --lightbox-scrim:   rgba(232, 236, 246, 0.85);

    --shadow-glass:     0 10px 30px rgba(23, 30, 60, 0.13);
    --shadow-lift:      0 18px 44px rgba(23, 30, 60, 0.18);
}