/* Light Theme (default) */
:root,
[data-bs-theme="light"] {
    --dex-bg-primary: #f8f9fa;
    --dex-bg-secondary: #ffffff;
    --dex-bg-card: #ffffff;
    --dex-text-primary: #212529;
    --dex-text-secondary: #6c757d;
    --dex-text-muted: #adb5bd;
    --dex-border-color: #dee2e6;
    --dex-nav-bg: #2c3e6b;
    --dex-nav-text: #ffffff;
    --dex-nav-active: #1a2a4a;
    --dex-nav-hover: #3a5080;
    --dex-btn-primary: #2c6fbb;
    --dex-btn-primary-hover: #1e5a9e;
    --dex-btn-success: #28a745;
    --dex-btn-warning: #ffc107;
    --dex-btn-danger: #dc3545;
    --dex-link-color: #2c6fbb;
    --dex-info-bg: #e8f4fd;
    --dex-info-border: #b8daff;
    --dex-info-text: #004085;
    --dex-warning-bg: #fff9e6;
    --dex-warning-border: #ffeeba;
    --dex-warning-text: #856404;
    --dex-dropzone-bg: #f8f9fa;
    --dex-dropzone-border: #adb5bd;
    --dex-dropzone-hover: #e2e6ea;
    --dex-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --dex-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);
    --dex-footer-bg: #f1f3f5;
    --dex-footer-text: #6c757d;
}

/* Dark Theme - Black & Gray */
[data-bs-theme="dark"] {
    --dex-bg-primary: #0d0d0d;
    --dex-bg-secondary: #141414;
    --dex-bg-card: #1a1a1a;
    --dex-text-primary: #e0e0e0;
    --dex-text-secondary: #9e9e9e;
    --dex-text-muted: #616161;
    --dex-border-color: #2e2e2e;
    --dex-nav-bg: #0a0a0a;
    --dex-nav-text: #cccccc;
    --dex-nav-active: #262626;
    --dex-nav-hover: #1f1f1f;
    --dex-btn-primary: #4a9eff;
    --dex-btn-primary-hover: #3a8eef;
    --dex-btn-success: #2ea043;
    --dex-btn-warning: #d4a017;
    --dex-btn-danger: #cf4545;
    --dex-link-color: #6ab0ff;
    --dex-info-bg: #1a1a1a;
    --dex-info-border: #333333;
    --dex-info-text: #b0b0b0;
    --dex-warning-bg: #1a1a0f;
    --dex-warning-border: #3d3d1a;
    --dex-warning-text: #c8b860;
    --dex-dropzone-bg: #1a1a1a;
    --dex-dropzone-border: #3a3a3a;
    --dex-dropzone-hover: #242424;
    --dex-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    --dex-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.6);
    --dex-footer-bg: #0a0a0a;
    --dex-footer-text: #616161;
}