/* =========================================================
   LIGHT THEME
   ========================================================= */

[data-theme="light"] {
    /* Main */
    --bg-primary: #ffffff;
    --bg-secondary: #eef3f7;
    /* Surface */
    --surface: #ffffff;
    --surface-hover: #f7fafc;
    /* Text */
    --text-primary: #263b49;
    --text-secondary: #738692;
    --text-muted: #9aaab5;
    /* Border */
    --border: #ccd8e1;
    --border-light: #d8e4eb;
    /* Header */
    --header-start: #0d1830;
    --header-end: #111f3e;
    --header-border: #172849;
    /* Logo */
    --logo-start: #17a7df;
    --logo-end: #0879ad;
    --logo-text: #ffffff;
    /* Primary */
    --primary: #0f861f;
    --primary-hover: #0b7019;
    --primary-text: #ffffff;
    /* Secondary */
    --secondary: #178ec2;
    --secondary-hover: #0c719f;
    --secondary-text: #ffffff;
    /* Accent */
    --accent: #1682b7;
    --accent-light: #e2f3fb;
    --accent-border: #c4e5f3;
    /* Search */
    --search-bg-start: #f2faff;
    --search-bg-end: #ffffff;
    /* Status */
    --status-bg: #f5f9fb;
    --status-border: #dce7ed;
    --status-text: #58707e;
    /* Scrollbar */
    --scrollbar-thumb: #b9c9d4;
    --scrollbar-thumb-hover: #9eafbb;
    /* Shadows */
    --shadow-color: rgba(31, 55, 72, 0.06);
    --shadow-accent: rgba(15, 111, 151, 0.08);
    /* =========================================================
   IMAGERY RESULTS - LIGHT
   ========================================================= */

    --imagery-panel-bg: #f4f8fb;
    --imagery-surface: #ffffff;
    --imagery-surface-hover: #f7fafc;
    --imagery-border: #cfdae3;
    --imagery-border-light: #dbe5ec;
    --imagery-card-border: #e2e6eb;
    --imagery-text: #203746;
    --imagery-text-secondary: #667085;
    --imagery-text-muted: #98a2b3;
    --imagery-text-strong: #344054;
    --imagery-preview-bg: #eef1f4;
    --imagery-button: #087fce;
    --imagery-button-hover: #066aa8;
    --imagery-success: #198754;
    --imagery-success-hover: #146c43;
    --imagery-scrollbar: #c3d0d9;
    --imagery-scrollbar-hover: #9eb0bd;
    --imagery-shadow: rgba(15, 23, 42, 0.12);
    --imagery-shadow-small: rgba(0, 0, 0, 0.08);
    /* =====================================================
       INTGEO IMAGERY PANEL
       ===================================================== */

    --imagery-panel-bg: #f4f8fb;
    --imagery-surface: #ffffff;
    --imagery-surface-hover: #f7fafc;
    --imagery-border: #cfdae3;
    --imagery-border-light: #dbe5ec;
    --imagery-card-border: #d5e1e8;
    --imagery-text: #203746;
    --imagery-text-secondary: #667b88;
    --imagery-text-muted: #718491;
    --imagery-text-strong: #425865;
    --imagery-preview-bg: #eef1f4;
    --imagery-loading-start: #edf3f6;
    --imagery-loading-end: #e3ebef;
    --imagery-accent: #1682b7;
    --imagery-accent-hover: #0d6f9d;
    --imagery-button: #087fce;
    --imagery-button-hover: #066aa8;
    --imagery-success: #198754;
    --imagery-success-hover: #157347;
    --imagery-action-bg: #1590c5;
    --imagery-scrollbar: #c3d0d9;
    --imagery-scrollbar-hover: #9eb0bd;
    --imagery-shadow: rgba(15, 23, 42, 0.12);
    --imagery-shadow-small: rgba(15, 23, 42, 0.05);
    --imagery-shadow-hover: rgba(15, 23, 42, 0.09);
    --imagery-request-start: #1682b7;
    --imagery-request-end: #0d6f9d;
    --imagery-request-hover-start: #0d6f9d;
    --imagery-request-hover-end: #095c82;
    --imagery-checkbox-border: #aebdc7;
    --admin-success: #16a34a;
    --admin-success-hover: #15803d;
    --admin-danger: #dc2626;
    --admin-danger-hover: #b91c1c;
    --admin-deactivate: #d97706;
    --admin-deactivate-hover: #b45309;
    /* ---------- Text ---------- */
    --text-primary: #172033;
    --text-secondary: #475569;
    --text-muted: #64748b;
    /* ---------- Surfaces ---------- */
    --page-background: #f5f8fb;
    --surface-color: #ffffff;
    --surface-hover: #f1f5f9;
    --surface-elevated: #ffffff;
    /* ---------- Borders ---------- */
    --border-color: #d7e0e8;
    --border-strong: #c3ced9;
    /* ---------- Primary ---------- */
    --primary-color: #168bc0;
    --primary-soft: rgba(22, 139, 192, 0.10);
    /* ---------- Success ---------- */
    --success-color: #3f9d35;
    --success-soft: rgba(63, 157, 53, 0.10);
    /* ---------- Danger ---------- */
    --danger-color: #dc3f3f;
    --danger-soft: rgba(220, 63, 63, 0.10);
    /* ---------- Warning ---------- */
    --warning-color: #d88a00;
    --warning-soft: rgba(216, 138, 0, 0.10);
    /* ---------- Info ---------- */
    --info-color: #3978d4;
    --info-soft: rgba(57, 120, 212, 0.10);
    /* ---------- Sidebar ---------- */
    --sidebar-background: #ffffff;
    --sidebar-text: #334155;
    --sidebar-text-muted: #64748b;
    --sidebar-hover: #f1f5f9;
    --sidebar-active: #e8f4fa;
    --sidebar-border: #d7e0e8;
    /* ---------- Header ---------- */
    --header-background: #ffffff;
    --header-border: #d7e0e8;
    /* ---------- Shadows ---------- */
    --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.07);
    --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.10);
    --shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.14);
}


/* =========================================================
   DARK THEME
   ========================================================= */

[data-theme="dark"] {
    --bg-primary: #0f1720;
    --bg-secondary: #111c27;
    --surface: #182633;
    --surface-hover: #213442;
    --text-primary: #f1f5f9;
    --text-secondary: #a8b5c2;
    --text-muted: #7f929f;
    --border: #304252;
    --border-light: #3a4d5d;
    --header-start: #081722;
    --header-end: #102638;
    --header-border: #203c50;
    --logo-start: #20b7ed;
    --logo-end: #0879ad;
    --logo-text: #ffffff;
    --primary: #22a83d;
    --primary-hover: #1b8d32;
    --primary-text: #ffffff;
    --secondary: #159dcc;
    --secondary-hover: #0d84ad;
    --secondary-text: #ffffff;
    --accent: #38bdf8;
    --accent-light: #16384a;
    --accent-border: #28556b;
    --search-bg-start: #142d3b;
    --search-bg-end: #182633;
    --status-bg: #13212d;
    --status-border: #304252;
    --status-text: #a8b5c2;
    --scrollbar-thumb: #405666;
    --scrollbar-thumb-hover: #536b7c;
    --shadow-color: rgba(0, 0, 0, 0.30);
    --shadow-accent: rgba(56, 189, 248, 0.10);
    /* =========================================================
   IMAGERY RESULTS - DARK
   ========================================================= */

    --imagery-panel-bg: #0f1b25;
    --imagery-surface: #182633;
    --imagery-surface-hover: #213442;
    --imagery-border: #304252;
    --imagery-border-light: #3a4d5d;
    --imagery-card-border: #38505d;
    --imagery-text: #edf5f8;
    --imagery-text-secondary: #a8b5c2;
    --imagery-text-muted: #7f929f;
    --imagery-text-strong: #dce8ee;
    --imagery-preview-bg: #111c24;
    --imagery-button: #159dcc;
    --imagery-button-hover: #0d84ad;
    --imagery-success: #22a86b;
    --imagery-success-hover: #198957;
    --imagery-scrollbar: #405666;
    --imagery-scrollbar-hover: #536b7c;
    --imagery-shadow: rgba(0, 0, 0, 0.40);
    --imagery-shadow-small: rgba(0, 0, 0, 0.30);
    /* =====================================================
       INTGEO IMAGERY PANEL
       ===================================================== */

    --imagery-panel-bg: #0f1b25;
    --imagery-surface: #182633;
    --imagery-surface-hover: #213442;
    --imagery-border: #304252;
    --imagery-border-light: #3a4d5d;
    --imagery-card-border: #38505d;
    --imagery-text: #edf5f8;
    --imagery-text-secondary: #a8b5c2;
    --imagery-text-muted: #8295a2;
    --imagery-text-strong: #dce8ee;
    --imagery-preview-bg: #111c24;
    --imagery-loading-start: #172832;
    --imagery-loading-end: #1d323e;
    --imagery-accent: #38bdf8;
    --imagery-accent-hover: #159dcc;
    --imagery-button: #159dcc;
    --imagery-button-hover: #0d84ad;
    --imagery-success: #22a86b;
    --imagery-success-hover: #198957;
    --imagery-action-bg: #126f91;
    --imagery-scrollbar: #405666;
    --imagery-scrollbar-hover: #536b7c;
    --imagery-shadow: rgba(0, 0, 0, 0.40);
    --imagery-shadow-small: rgba(0, 0, 0, 0.30);
    --imagery-shadow-hover: rgba(0, 0, 0, 0.50);
    --imagery-request-start: #159dcc;
    --imagery-request-end: #087fa8;
    --imagery-request-hover-start: #0d84ad;
    --imagery-request-hover-end: #086b8c;
    --imagery-checkbox-border: #536b7c;
    --admin-success: #22c55e;
    --admin-success-hover: #16a34a;
    --admin-danger: #ef4444;
    --admin-danger-hover: #dc2626;
    --admin-deactivate: #f59e0b;
    --admin-deactivate-hover: #d97706;
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --surface-color: #101c27;
    --surface-hover: #172635;
    --border-color: #294052;
    --primary-color: #16a9e0;
    --primary-soft: rgba(22, 169, 224, 0.12);
    --success-color: #22c55e;
    --success-soft: rgba(34, 197, 94, 0.12);
    --danger-color: #ef4444;
    --danger-soft: rgba(239, 68, 68, 0.12);
    --warning-color: #f59e0b;
    --warning-soft: rgba(245, 158, 11, 0.12);
    --info-color: #3b82f6;
    --info-soft: rgba(59, 130, 246, 0.12);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.20);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.25);
}

/* =========================================================
   FOREST / GIS THEME
   ========================================================= */

[data-theme="forest"] {
    --bg-primary: #ffffff;
    --bg-secondary: #e7f0e8;
    --surface: #ffffff;
    --surface-hover: #f0f7f1;
    --text-primary: #183522;
    --text-secondary: #587060;
    --text-muted: #7b9281;
    --border: #c7d8ca;
    --border-light: #d5e2d7;
    --header-start: #173b29;
    --header-end: #245438;
    --header-border: #2d6140;
    --logo-start: #49a65d;
    --logo-end: #287a3e;
    --logo-text: #ffffff;
    --primary: #287a3e;
    --primary-hover: #1d6130;
    --primary-text: #ffffff;
    --secondary: #277f8e;
    --secondary-hover: #1f6874;
    --secondary-text: #ffffff;
    --accent: #72a84a;
    --accent-light: #e5f2e0;
    --accent-border: #c6dfbd;
    --search-bg-start: #f1f9ef;
    --search-bg-end: #ffffff;
    --status-bg: #f1f7f2;
    --status-border: #d0e0d2;
    --status-text: #587060;
    --scrollbar-thumb: #afc5b3;
    --scrollbar-thumb-hover: #91ad97;
    --shadow-color: rgba(24, 53, 34, 0.08);
    --shadow-accent: rgba(40, 122, 62, 0.10);
    /* =========================================================
   IMAGERY RESULTS - FOREST
   ========================================================= */

    --imagery-panel-bg: #e7f0e8;
    --imagery-surface: #ffffff;
    --imagery-surface-hover: #f0f7f1;
    --imagery-border: #c7d8ca;
    --imagery-border-light: #d5e2d7;
    --imagery-card-border: #cdddcf;
    --imagery-text: #183522;
    --imagery-text-secondary: #587060;
    --imagery-text-muted: #7b9281;
    --imagery-text-strong: #294b34;
    --imagery-preview-bg: #e5eee6;
    --imagery-button: #287a3e;
    --imagery-button-hover: #1d6130;
    --imagery-success: #22753a;
    --imagery-success-hover: #185c2d;
    --imagery-scrollbar: #afc5b3;
    --imagery-scrollbar-hover: #91ad97;
    --imagery-shadow: rgba(24, 53, 34, 0.12);
    --imagery-shadow-small: rgba(24, 53, 34, 0.08);
    /* =====================================================
       INTGEO IMAGERY PANEL
       ===================================================== */

    --imagery-panel-bg: #e7f0e8;
    --imagery-surface: #ffffff;
    --imagery-surface-hover: #f0f7f1;
    --imagery-border: #c7d8ca;
    --imagery-border-light: #d5e2d7;
    --imagery-card-border: #c9daca;
    --imagery-text: #183522;
    --imagery-text-secondary: #587060;
    --imagery-text-muted: #718774;
    --imagery-text-strong: #355640;
    --imagery-preview-bg: #e5eee6;
    --imagery-loading-start: #e8f1e9;
    --imagery-loading-end: #dce9de;
    --imagery-accent: #287a3e;
    --imagery-accent-hover: #1d6130;
    --imagery-button: #287a3e;
    --imagery-button-hover: #1d6130;
    --imagery-success: #22753a;
    --imagery-success-hover: #185c2d;
    --imagery-action-bg: #287a3e;
    --imagery-scrollbar: #afc5b3;
    --imagery-scrollbar-hover: #91ad97;
    --imagery-shadow: rgba(24, 53, 34, 0.12);
    --imagery-shadow-small: rgba(24, 53, 34, 0.08);
    --imagery-shadow-hover: rgba(24, 53, 34, 0.15);
    --imagery-request-start: #287a3e;
    --imagery-request-end: #1d6130;
    --imagery-request-hover-start: #1d6130;
    --imagery-request-hover-end: #154b25;
    --imagery-checkbox-border: #9eb5a2;
    --admin-success: #16a34a;
    --admin-success-hover: #15803d;
    --admin-danger: #dc2626;
    --admin-danger-hover: #b91c1c;
    --admin-deactivate: #d97706;
    --admin-deactivate-hover: #b45309;
    /* ---------- Text ---------- */
    --text-primary: #12352a;
    --text-secondary: #355b4b;
    --text-muted: #638074;
    /* ---------- Surfaces ---------- */
    --page-background: #f3f8f5;
    --surface-color: #ffffff;
    --surface-hover: #edf5f0;
    --surface-elevated: #ffffff;
    /* ---------- Borders ---------- */
    --border-color: #c9ddd2;
    --border-strong: #a9c8b8;
    /* ---------- Primary ---------- */
    --primary-color: #4f9f38;
    --primary-soft: rgba(79, 159, 56, 0.11);
    /* ---------- Success ---------- */
    --success-color: #32834a;
    --success-soft: rgba(50, 131, 74, 0.11);
    /* ---------- Danger ---------- */
    --danger-color: #c93f3f;
    --danger-soft: rgba(201, 63, 63, 0.10);
    /* ---------- Warning ---------- */
    --warning-color: #c78a16;
    --warning-soft: rgba(199, 138, 22, 0.11);
    /* ---------- Info ---------- */
    --info-color: #3b78a0;
    --info-soft: rgba(59, 120, 160, 0.11);
    /* ---------- Sidebar ---------- */
    --sidebar-background: #124f35;
    --sidebar-text: #f2faf5;
    --sidebar-text-muted: #c5ded1;
    --sidebar-hover: #196141;
    --sidebar-active: #23734d;
    --sidebar-border: rgba(255, 255, 255, 0.16);
    /* ---------- Header ---------- */
    --header-background: #145535;
    --header-border: rgba(255, 255, 255, 0.14);
    /* ---------- Shadows ---------- */
    --shadow-sm: 0 2px 8px rgba(18, 53, 42, 0.07);
    --shadow-md: 0 8px 24px rgba(18, 53, 42, 0.10);
    --shadow-lg: 0 16px 40px rgba(18, 53, 42, 0.14);
}

/* =========================================================
   SATELLITE / EARTH THEME
   ========================================================= */

[data-theme="satellite"] {
    --bg-primary: #ffffff;
    --bg-secondary: #dcecf3;
    --surface: #ffffff;
    --surface-hover: #f0f9fc;
    --text-primary: #123047;
    --text-secondary: #587487;
    --text-muted: #7c96a5;
    --border: #c4dce7;
    --border-light: #d4e5ec;
    --header-start: #0b3046;
    --header-end: #124766;
    --header-border: #1c5878;
    --logo-start: #4fc3e8;
    --logo-end: #087ea4;
    --logo-text: #ffffff;
    --primary: #087ea4;
    --primary-hover: #05647f;
    --primary-text: #ffffff;
    --secondary: #2c9bce;
    --secondary-hover: #217fa9;
    --secondary-text: #ffffff;
    --accent: #4fc3e8;
    --accent-light: #dff4fb;
    --accent-border: #b9dfed;
    --search-bg-start: #edf9fd;
    --search-bg-end: #ffffff;
    --status-bg: #eef7fa;
    --status-border: #cfe3eb;
    --status-text: #587487;
    --scrollbar-thumb: #abc8d5;
    --scrollbar-thumb-hover: #8eafbd;
    --shadow-color: rgba(18, 48, 71, 0.08);
    --shadow-accent: rgba(8, 126, 164, 0.10);
    /* =========================================================
   IMAGERY RESULTS - SATELLITE
   ========================================================= */

    --imagery-panel-bg: #dcecf3;
    --imagery-surface: #ffffff;
    --imagery-surface-hover: #f0f9fc;
    --imagery-border: #c4dce7;
    --imagery-border-light: #d4e5ec;
    --imagery-card-border: #c9dfe8;
    --imagery-text: #123047;
    --imagery-text-secondary: #587487;
    --imagery-text-muted: #7c96a5;
    --imagery-text-strong: #244b61;
    --imagery-preview-bg: #e5f2f6;
    --imagery-button: #087ea4;
    --imagery-button-hover: #05647f;
    --imagery-success: #217a52;
    --imagery-success-hover: #185f3f;
    --imagery-scrollbar: #abc8d5;
    --imagery-scrollbar-hover: #8eafbd;
    --imagery-shadow: rgba(18, 48, 71, 0.12);
    --imagery-shadow-small: rgba(18, 48, 71, 0.08);
    /* =====================================================
       INTGEO IMAGERY PANEL
       ===================================================== */

    --imagery-panel-bg: #dcecf3;
    --imagery-surface: #ffffff;
    --imagery-surface-hover: #f0f9fc;
    --imagery-border: #c4dce7;
    --imagery-border-light: #d4e5ec;
    --imagery-card-border: #c9dfe8;
    --imagery-text: #123047;
    --imagery-text-secondary: #587487;
    --imagery-text-muted: #718d9d;
    --imagery-text-strong: #244b61;
    --imagery-preview-bg: #e5f2f6;
    --imagery-loading-start: #e8f5f8;
    --imagery-loading-end: #dcecf1;
    --imagery-accent: #087ea4;
    --imagery-accent-hover: #05647f;
    --imagery-button: #087ea4;
    --imagery-button-hover: #05647f;
    --imagery-success: #217a52;
    --imagery-success-hover: #185f3f;
    --imagery-action-bg: #087ea4;
    --imagery-scrollbar: #abc8d5;
    --imagery-scrollbar-hover: #8eafbd;
    --imagery-shadow: rgba(18, 48, 71, 0.12);
    --imagery-shadow-small: rgba(18, 48, 71, 0.08);
    --imagery-shadow-hover: rgba(18, 48, 71, 0.15);
    --imagery-request-start: #087ea4;
    --imagery-request-end: #05647f;
    --imagery-request-hover-start: #05647f;
    --imagery-request-hover-end: #044e63;
    --imagery-checkbox-border: #8eafbd;
    --admin-success: #16a34a;
    --admin-success-hover: #15803d;
    --admin-danger: #dc2626;
    --admin-danger-hover: #b91c1c;
    --admin-deactivate: #ea580c;
    --admin-deactivate-hover: #c2410c;
    /* ---------- Text ---------- */
    --text-primary: #e9f4f8;
    --text-secondary: #b8d1da;
    --text-muted: #7f9eaa;
    /* ---------- Surfaces ---------- */
    --page-background: #07171d;
    --surface-color: #0d242c;
    --surface-hover: #14323b;
    --surface-elevated: #102b34;
    /* ---------- Borders ---------- */
    --border-color: #28515c;
    --border-strong: #3a6975;
    /* ---------- Primary ---------- */
    --primary-color: #20b8d4;
    --primary-soft: rgba(32, 184, 212, 0.13);
    /* ---------- Success ---------- */
    --success-color: #45c98a;
    --success-soft: rgba(69, 201, 138, 0.12);
    /* ---------- Danger ---------- */
    --danger-color: #f05d68;
    --danger-soft: rgba(240, 93, 104, 0.12);
    /* ---------- Warning ---------- */
    --warning-color: #f0b84b;
    --warning-soft: rgba(240, 184, 75, 0.12);
    /* ---------- Info ---------- */
    --info-color: #5b9ff0;
    --info-soft: rgba(91, 159, 240, 0.12);
    /* ---------- Sidebar ---------- */
    --sidebar-background: #06141a;
    --sidebar-text: #e4f2f5;
    --sidebar-text-muted: #91adb6;
    --sidebar-hover: #102a32;
    --sidebar-active: rgba(32, 184, 212, 0.14);
    --sidebar-border: #21444d;
    /* ---------- Header ---------- */
    --header-background: #0b2028;
    --header-border: #28515c;
    /* ---------- Shadows ---------- */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.32);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.42);
}

/* =========================================================
   HIGH CONTRAST
   ========================================================= */

[data-theme="high-contrast"] {
    --bg-primary: #000000;
    --bg-secondary: #111111;
    --surface: #000000;
    --surface-hover: #1a1a1a;
    --text-primary: #ffffff;
    --text-secondary: #ffffff;
    --text-muted: #ffffff;
    --border: #ffffff;
    --border-light: #ffffff;
    --header-start: #000000;
    --header-end: #000000;
    --header-border: #ffffff;
    --logo-start: #00ccff;
    --logo-end: #0066ff;
    --logo-text: #ffffff;
    --primary: #00ff66;
    --primary-hover: #00cc52;
    --primary-text: #000000;
    --secondary: #00ccff;
    --secondary-hover: #0099cc;
    --secondary-text: #000000;
    --accent: #ffff00;
    --accent-light: #222200;
    --accent-border: #ffff00;
    --search-bg-start: #000000;
    --search-bg-end: #000000;
    --status-bg: #000000;
    --status-border: #ffffff;
    --status-text: #ffffff;
    --scrollbar-thumb: #ffffff;
    --scrollbar-thumb-hover: #ffff00;
    --shadow-color: rgba(255, 255, 255, 0.20);
    --shadow-accent: rgba(255, 255, 0, 0.20);
    /* =========================================================
   IMAGERY RESULTS - HIGH CONTRAST
   ========================================================= */

    --imagery-panel-bg: #000000;
    --imagery-surface: #000000;
    --imagery-surface-hover: #1a1a1a;
    --imagery-border: #ffffff;
    --imagery-border-light: #ffffff;
    --imagery-card-border: #ffffff;
    --imagery-text: #ffffff;
    --imagery-text-secondary: #ffffff;
    --imagery-text-muted: #ffffff;
    --imagery-text-strong: #ffffff;
    --imagery-preview-bg: #111111;
    --imagery-button: #00ccff;
    --imagery-button-hover: #0099cc;
    --imagery-success: #00ff66;
    --imagery-success-hover: #00cc52;
    --imagery-scrollbar: #ffffff;
    --imagery-scrollbar-hover: #ffff00;
    --imagery-shadow: rgba(255, 255, 255, 0.20);
    --imagery-shadow-small: rgba(255, 255, 255, 0.15);
    /* =====================================================
       INTGEO IMAGERY PANEL
       ===================================================== */

    --imagery-panel-bg: #000000;
    --imagery-surface: #000000;
    --imagery-surface-hover: #1a1a1a;
    --imagery-border: #ffffff;
    --imagery-border-light: #ffffff;
    --imagery-card-border: #ffffff;
    --imagery-text: #ffffff;
    --imagery-text-secondary: #ffffff;
    --imagery-text-muted: #ffffff;
    --imagery-text-strong: #ffffff;
    --imagery-preview-bg: #111111;
    --imagery-loading-start: #111111;
    --imagery-loading-end: #222222;
    --imagery-accent: #ffff00;
    --imagery-accent-hover: #ffff00;
    --imagery-button: #00ccff;
    --imagery-button-hover: #0099cc;
    --imagery-success: #00ff66;
    --imagery-success-hover: #00cc52;
    --imagery-action-bg: #0066ff;
    --imagery-scrollbar: #ffffff;
    --imagery-scrollbar-hover: #ffff00;
    --imagery-shadow: rgba(255, 255, 255, 0.20);
    --imagery-shadow-small: rgba(255, 255, 255, 0.15);
    --imagery-shadow-hover: rgba(255, 255, 0, 0.20);
    --imagery-request-start: #0066ff;
    --imagery-request-end: #0044aa;
    --imagery-request-hover-start: #0099ff;
    --imagery-request-hover-end: #0066cc;
    --imagery-checkbox-border: #ffffff;
    --admin-success: #00ff00;
    --admin-success-hover: #00cc00;
    --admin-danger: #ff0000;
    --admin-danger-hover: #cc0000;
    --admin-deactivate: #ffff00;
    --admin-deactivate-hover: #cccc00;
    /* ---------- Text ---------- */
    --text-primary: #ffffff;
    --text-secondary: #f0f0f0;
    --text-muted: #d0d0d0;
    /* ---------- Surfaces ---------- */
    --page-background: #000000;
    --surface-color: #111111;
    --surface-hover: #222222;
    --surface-elevated: #181818;
    /* ---------- Borders ---------- */
    --border-color: #ffffff;
    --border-strong: #ffffff;
    /* ---------- Primary ---------- */
    --primary-color: #00d9ff;
    --primary-soft: rgba(0, 217, 255, 0.18);
    /* ---------- Success ---------- */
    --success-color: #00ff66;
    --success-soft: rgba(0, 255, 102, 0.15);
    /* ---------- Danger ---------- */
    --danger-color: #ff4040;
    --danger-soft: rgba(255, 64, 64, 0.15);
    /* ---------- Warning ---------- */
    --warning-color: #ffd000;
    --warning-soft: rgba(255, 208, 0, 0.15);
    /* ---------- Info ---------- */
    --info-color: #4da3ff;
    --info-soft: rgba(77, 163, 255, 0.15);
    /* ---------- Sidebar ---------- */
    --sidebar-background: #000000;
    --sidebar-text: #ffffff;
    --sidebar-text-muted: #eeeeee;
    --sidebar-hover: #222222;
    --sidebar-active: #003944;
    --sidebar-border: #ffffff;
    /* ---------- Header ---------- */
    --header-background: #000000;
    --header-border: #ffffff;
    /* ---------- Shadows ---------- */
    --shadow-sm: 0 0 0 1px #ffffff;
    --shadow-md: 0 0 0 2px #ffffff;
    --shadow-lg: 0 0 0 3px #ffffff;
}