/* ============================================================
   DonorNearby V3.0 — Dark Mode Overrides
   Emergency operations center aesthetic.
   NOT hacker UI. NOT gaming UI.
   Calm, professional, operationally dense.
   ============================================================ */

[data-theme="dark"] {
    /* ── Surfaces ── */
    --bg-body:          #121212;
    --bg-surface:       #1E1F22;
    --bg-elevated:      #252629;
    --bg-sunken:        #181A1B;
    --bg-inset:         #141516;
    --bg-overlay:       rgba(0,0,0,0.7);
    --bg-scrim:         rgba(0,0,0,0.85);

    /* ── Text ── */
    --text-primary:     #E8E6E3;
    --text-secondary:   #B0ADA8;
    --text-tertiary:    #807D78;
    --text-muted:       #5A5754;
    --text-disabled:    #3E3C3A;
    --text-inverse:     #121212;
    --text-on-emergency:#FFFFFF;

    /* ── Emergency ── */
    --emergency:        #EF5350;
    --emergency-hover:  #F44336;
    --emergency-active: #FF5252;
    --emergency-light:  #2C1616;
    --emergency-muted:  #5C2828;
    --emergency-subtle: #1E1212;

    /* ── Semantic ── */
    --success:          #66BB6A;
    --success-hover:    #81C784;
    --success-light:    #1B2E1C;
    --success-muted:    #2E5A30;
    --warning:          #FFD54F;
    --warning-hover:    #FFE082;
    --warning-light:    #2E2A15;
    --warning-muted:    #5C5020;
    --info:             #42A5F5;
    --info-hover:       #64B5F6;
    --info-light:       #152A3E;
    --info-muted:       #1E3A5F;
    --neutral:          #90A4AE;
    --neutral-light:    #263238;

    /* ── Urgency ── */
    --urgency-critical:     #EF5350;
    --urgency-critical-bg:  #2C1616;
    --urgency-high:         #FF8A65;
    --urgency-high-bg:      #2E1E15;
    --urgency-medium:       #FFD54F;
    --urgency-medium-bg:    #2E2A15;
    --urgency-low:          #66BB6A;
    --urgency-low-bg:       #1B2E1C;
    --urgency-immediate:    #FF5252;
    --urgency-immediate-bg: #3E1515;

    /* ── Borders ── */
    --border:           #333333;
    --border-light:     #2A2A2A;
    --border-strong:    #444444;
    --border-focus:     #EF5350;
    --border-success:   #66BB6A;
    --border-warning:   #FFD54F;

    /* ── Shadows ── */
    --shadow-xs:    0 1px 2px rgba(0,0,0,0.25);
    --shadow-sm:    0 1px 3px rgba(0,0,0,0.3);
    --shadow-md:    0 2px 8px rgba(0,0,0,0.4);
    --shadow-lg:    0 4px 16px rgba(0,0,0,0.5);
    --shadow-xl:    0 8px 24px rgba(0,0,0,0.6);
    --shadow-card:  0 1px 3px rgba(0,0,0,0.25);
    --shadow-emergency: 0 2px 12px rgba(239,83,80,0.25);
    --shadow-focus: 0 0 0 3px rgba(239,83,80,0.2);

    /* ── Sidebar ── */
    --sidebar-bg:         #181A1B;
    --sidebar-border:     #2A2A2A;
    --sidebar-text:       #B0ADA8;
    --sidebar-active:     #EF5350;
    --sidebar-active-bg:  #2C1616;
    --sidebar-hover:      #252629;

    /* ── Brand / Action Buttons ── */
    --btn-primary-bg:     #EF5350;
    --btn-primary-hover:  #F44336;
    --btn-primary-text:   #FFFFFF;
    --btn-secondary-bg:   #252629;
    --btn-secondary-hover:#333333;
    --btn-secondary-text: #B0ADA8;
    --btn-success-bg:     #388E3C;
    --btn-success-hover:  #43A047;
    --btn-success-text:   #FFFFFF;
    --btn-danger-bg:      #E53935;
    --btn-danger-hover:   #EF5350;
    --btn-danger-text:    #FFFFFF;

    /* ── Link & Interactive ── */
    --text-link:          #EF5350;
    --text-link-hover:    #F44336;

    /* ── Card Decorative ── */
    --card-gradient-top:  linear-gradient(135deg, #EF5350 0%, #E53935 100%);
    --card-trust-bg:      #1E1F22;
    --card-trust-border:  #333333;

    /* ── Form ── */
    --bg-form:            #1E1F22;
    --input-bg:           #252629;
    --input-border:       #333333;
    --input-focus-ring:   rgba(239,83,80,0.2);
}

/* ── Dark mode form overrides ── */
[data-theme="dark"] select.input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23B0ADA8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* ── Smooth theme transitions ── */
body,
.card, .card-elevated, .stat-card,
.sidebar, .sidebar-link,
.input, .badge, .btn,
.alert, .emergency-bar,
.timeline::before, .timeline-item::before {
    transition-property: background-color, border-color, color, box-shadow;
    transition-duration: var(--duration-theme);
    transition-timing-function: var(--ease-default);
}