/* ════════════════════════════════════════════════════════
   DARK THEME — "Fawri Atlas"
   Deep nordic, premium fintech, confident.
   ════════════════════════════════════════════════════════ */
[data-theme="dark"] {
    --color-bg-base:    #080B11;
    --color-bg-surface: #0F1520;
    --color-bg-raised:  #162031;
    --color-bg-sunken:  #060810;
    --color-bg-overlay: rgba(0, 0, 0, 0.65);
    --color-bg-hover:   rgba(255, 255, 255, 0.04);

    --color-text-primary:   #E8ECF2;
    --color-text-secondary: #8899AA;
    --color-text-tertiary:  #556677;
    --color-text-disabled:  #3D4A57;
    --color-text-inverse:   #111827;

    --color-border:       #1A2740;
    --color-border-light: #141E30;
    --color-border-dark:  #253550;

    --glass-bg:     rgba(15, 21, 32, 0.85);
    --glass-border: rgba(255, 255, 255, 0.06);

    --shadow-xs:  0 1px 2px rgba(0,0,0,0.25);
    --shadow-sm:  0 1px 3px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.25);
    --shadow-md:  0 4px 8px -1px rgba(0,0,0,0.40), 0 2px 4px -2px rgba(0,0,0,0.30);
    --shadow-lg:  0 10px 20px -3px rgba(0,0,0,0.45), 0 4px 6px -4px rgba(0,0,0,0.30);
    --shadow-xl:  0 20px 30px -5px rgba(0,0,0,0.50), 0 8px 10px -6px rgba(0,0,0,0.30);

    /* Adjusted primary for dark backgrounds */
    --color-primary:       #3BA6E0;
    --color-primary-hover:  #4DB5EA;
    --color-primary-subtle: rgba(59, 166, 224, 0.12);
    --color-primary-muted:  rgba(59, 166, 224, 0.20);

    --color-secondary:       #8DC63F;
    --color-secondary-subtle: rgba(141, 198, 63, 0.12);

    /* Adjusted semantic for readability */
    --color-success:       #34D399;
    --color-success-subtle: rgba(52, 211, 153, 0.10);
    --color-warning:       #FBBF24;
    --color-warning-subtle: rgba(251, 191, 36, 0.10);
    --color-error:         #F87171;
    --color-error-subtle:  rgba(248, 113, 113, 0.10);
    --color-info:          #60A5FA;
    --color-info-subtle:   rgba(96, 165, 250, 0.10);

    /* Glow shadows for dark theme */
    --glow-primary: 0 0 24px rgba(59, 166, 224, 0.20);
    --glow-success: 0 0 24px rgba(52, 211, 153, 0.20);
    --glow-error:   0 0 24px rgba(248, 113, 113, 0.20);
    --glow-warning: 0 0 24px rgba(251, 191, 36, 0.20);

    /* Elevation overrides for dark */
    --elevation-1: 0 1px 3px rgba(0,0,0,0.30), 0 0 0 1px rgba(255,255,255,0.02);
    --elevation-2: 0 4px 12px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.03);
    --elevation-3: 0 8px 24px rgba(0,0,0,0.40), 0 0 0 1px rgba(255,255,255,0.03);
    --elevation-4: 0 16px 48px rgba(0,0,0,0.50), 0 0 0 1px rgba(255,255,255,0.04);

    /* Legacy */
    --color-bg-primary:  var(--color-bg-base);
    --color-bg-secondary: var(--color-bg-sunken);
    --color-bg-tertiary: var(--color-bg-sunken);
    --color-bg-elevated: var(--color-bg-surface);
    --color-text-on-primary: #FFFFFF;

    /* Dispute type colors — lighter for dark backgrounds */
    --color-type-refund:  #FB923C;
    --color-type-confirm: #4ADE80;
    --color-type-merge:   #60A5FA;
    --color-type-bulk:    #A78BFA;
    --color-type-extourne: #C4B5FD;

    color-scheme: dark;
}