/*
 * DEBUSSY COLOR PALETTE
 * Derived from retrowave/synthwave aesthetic
 * Use across all Debussy dashboards and tooling
 *
 * Source: Tropical retrowave — neon grid road, pink sun,
 *         mint mountains, deep purple night sky
 */

:root {
    /* ═══ BACKGROUNDS ═══ */
    --db-bg-darkest:     #06050f;   /* deepest void */
    --db-bg-dark:        #0a0e1a;   /* night sky */
    --db-bg-surface:     #0f1225;   /* elevated surface */
    --db-bg-panel:       #141730;   /* card/panel */
    --db-bg-raised:      #1a1e3e;   /* hover states */

    /* ═══ BORDERS ═══ */
    --db-border-dark:    #1a1440;   /* subtle dividers */
    --db-border-mid:     #2a2555;   /* panel edges */
    --db-border-light:   #3d366a;   /* active borders */

    /* ═══ PRIMARY — NEON MAGENTA (grid lines, accents) ═══ */
    --db-magenta:        #ff2d78;   /* neon grid pink */
    --db-magenta-light:  #ff6b9d;   /* sun pink */
    --db-magenta-glow:   0 0 10px rgba(255, 45, 120, 0.4), 0 0 30px rgba(255, 45, 120, 0.15);

    /* ═══ SECONDARY — MINT/AQUA (horizon glow, success) ═══ */
    --db-mint:           #5ce0b8;   /* mountain highlight */
    --db-mint-bright:    #7dffc4;   /* sky glow */
    --db-mint-glow:      0 0 10px rgba(92, 224, 184, 0.4), 0 0 30px rgba(92, 224, 184, 0.15);

    /* ═══ ACCENT — CORAL/SUN (warmth, warnings) ═══ */
    --db-coral:          #ff9a76;   /* sun edge */
    --db-coral-hot:      #ff6b9d;   /* sun center-to-pink */
    --db-coral-glow:     0 0 10px rgba(255, 154, 118, 0.4), 0 0 30px rgba(255, 154, 118, 0.15);

    /* ═══ PURPLE SCALE (rankings, depth, atmosphere) ═══ */
    --db-purple-deepest: #1a0a2e;   /* rank 1 — darkest */
    --db-purple-deep:    #2d1b4e;   /* rank 2 */
    --db-purple-dark:    #3f2a6e;   /* rank 3 */
    --db-purple-mid:     #534088;   /* rank 4 */
    --db-purple:         #6b55a3;   /* rank 5 */
    --db-purple-light:   #8470be;   /* rank 6 */
    --db-purple-lighter: #9d8bd5;   /* rank 7 */
    --db-purple-soft:    #b5a5e8;   /* rank 8 */
    --db-purple-pale:    #cdbff5;   /* rank 9 */
    --db-purple-ghost:   #e0d8ff;   /* rank 10 — lightest */
    --db-purple-glow:    0 0 10px rgba(107, 85, 163, 0.4), 0 0 30px rgba(107, 85, 163, 0.15);

    /* ═══ TEXT ═══ */
    --db-text:           #e8e2ff;   /* primary text (purple-white) */
    --db-text-muted:     #6e5a8a;   /* secondary text */
    --db-text-dim:       #4a3d65;   /* disabled/hint text */

    /* ═══ SEMANTIC ═══ */
    --db-success:        #5ce0b8;   /* mint — completed, healthy */
    --db-warning:        #ff9a76;   /* coral — caution */
    --db-error:          #ff2d78;   /* magenta — failed, critical */
    --db-info:           #7dffc4;   /* bright mint — informational */

    /* ═══ GRID ═══ */
    --db-grid-color:     rgba(255, 45, 120, 0.06);  /* subtle magenta grid */
    --db-grid-bright:    rgba(255, 45, 120, 0.15);  /* visible grid lines */
}