/**
 * DCM Admin Theme: Phoenix Orange
 * Version: 1.0.0
 * Created: 2026-02-05
 * Primary Color: #F75105
 * Style: Modern dark theme with vibrant orange accents
 *
 * Based on Phoenix Energy Flow UI reference images
 * Dark backgrounds with orange gradient highlights
 */

/* ============================================
   LIGHT MODE
   ============================================ */
:root,
[data-bs-theme="light"] {

    /* === PRIMARY BRAND === */
    --dcm-primary: #F75105;
    --dcm-primary-hover: #DC4504;
    --dcm-primary-rgb: 247, 81, 5;

    /* === MAIN GRADIENT === */
    --dcm-gradient: linear-gradient(135deg, #F75105 0%, #F78E21 100%);
    --dcm-gradient-start: #F75105;
    --dcm-gradient-end: #F78E21;

    /* === BACKGROUNDS === */
    --dcm-bg: #f5f5f5;
    --dcm-bg-alt: #faf7f5;
    --dcm-card-bg: #ffffff;
    --dcm-navbar-bg: #ffffff;
    --dcm-sidebar-bg: #1C1D21;
    --dcm-dropdown-bg: #ffffff;
    --dcm-input-bg: #ffffff;
    --dcm-kbd-bg: #f8f9fa;
    --dcm-progress-bg: #e9ecef;
    --dcm-table-stripe: rgba(0, 0, 0, 0.02);
    --dcm-table-hover: rgba(247, 81, 5, 0.05);

    /* === TEXT COLORS === */
    --dcm-text: #1C1D21;
    --dcm-text-primary: #1C1D21;
    --dcm-text-muted: #6c757d;
    --dcm-text-light: #757472;
    --dcm-dropdown-text: #1C1D21;
    --dcm-dropdown-text-muted: #6c757d;

    /* === BORDERS === */
    --dcm-border: #dee2e6;
    --dcm-border-light: #f5f5f5;
    --dcm-dropdown-border: #eeeeee;
    --dcm-input-border: #ced4da;
    --dcm-input-focus-border: #F75105;

    /* === INTERACTIVE STATES === */
    --dcm-hover-bg: rgba(0, 0, 0, 0.05);
    --dcm-sidebar-hover: rgba(247, 81, 5, 0.15);
    --dcm-active-bg: rgba(247, 81, 5, 0.1);
    --dcm-focus-ring: 0 0 0 3px rgba(247, 81, 5, 0.25);

    /* === SHADOWS === */
    --dcm-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --dcm-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);
    --dcm-shadow-glow: 0 4px 12px rgba(247, 81, 5, 0.3);

    /* === STATUS COLORS === */
    --dcm-success: #34D399;
    --dcm-success-hover: #10b981;
    --dcm-success-bg: #d1fae5;
    --dcm-success-border: #a7f3d0;
    --dcm-success-text: #065f46;
    --dcm-gradient-success: linear-gradient(135deg, #34D399 0%, #10b981 100%);

    --dcm-danger: #FB7185;
    --dcm-danger-hover: #f43f5e;
    --dcm-danger-bg: #ffe4e6;
    --dcm-danger-border: #fecdd3;
    --dcm-danger-text: #9f1239;
    --dcm-gradient-danger: linear-gradient(135deg, #FB7185 0%, #f43f5e 100%);

    --dcm-warning: #FBBF24;
    --dcm-warning-hover: #f59e0b;
    --dcm-warning-bg: #fef3c7;
    --dcm-warning-border: #fde68a;
    --dcm-warning-text: #92400e;
    --dcm-gradient-warning: linear-gradient(135deg, #FBBF24 0%, #f59e0b 100%);

    --dcm-info: #60A5FA;
    --dcm-info-hover: #3b82f6;
    --dcm-info-bg: #dbeafe;
    --dcm-info-border: #bfdbfe;
    --dcm-info-text: #1e40af;
    --dcm-gradient-info: linear-gradient(135deg, #60A5FA 0%, #3b82f6 100%);

    --dcm-neutral: #6b7280;
    --dcm-neutral-hover: #4b5563;
    --dcm-neutral-bg: #f3f4f6;
    --dcm-neutral-border: #e5e7eb;
    --dcm-neutral-text: #4b5563;
    --dcm-gradient-neutral: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
}

/* ============================================
   DARK MODE
   ============================================ */
[data-bs-theme="dark"] {

    /* === PRIMARY BRAND === */
    --dcm-primary: #F75105;
    --dcm-primary-hover: #F78E21;
    --dcm-primary-rgb: 247, 81, 5;

    /* === MAIN GRADIENT === */
    --dcm-gradient: linear-gradient(135deg, #F75105 0%, #F78E21 100%);
    --dcm-gradient-start: #F75105;
    --dcm-gradient-end: #F78E21;

    /* === BACKGROUNDS === */
    --dcm-bg: #010100;
    --dcm-bg-alt: #1C1D21;
    --dcm-card-bg: #22242B;
    --dcm-navbar-bg: #1C1D21;
    --dcm-sidebar-bg: #010100;
    --dcm-dropdown-bg: #22242B;
    --dcm-input-bg: #2F323A;
    --dcm-kbd-bg: #2F323A;
    --dcm-progress-bg: #33353C;
    --dcm-table-stripe: rgba(255, 255, 255, 0.03);
    --dcm-table-hover: rgba(247, 81, 5, 0.1);

    /* === TEXT COLORS === */
    --dcm-text: #E8E9EA;
    --dcm-text-primary: #E8E9EA;
    --dcm-text-muted: #A4A5A4;
    --dcm-text-light: #757472;
    --dcm-dropdown-text: #E8E9EA;
    --dcm-dropdown-text-muted: #A4A5A4;

    /* === BORDERS === */
    --dcm-border: #33353C;
    --dcm-border-light: #2F323A;
    --dcm-dropdown-border: #33353C;
    --dcm-input-border: #33353C;
    --dcm-input-focus-border: #F75105;

    /* === INTERACTIVE STATES === */
    --dcm-hover-bg: rgba(255, 255, 255, 0.08);
    --dcm-sidebar-hover: rgba(247, 81, 5, 0.2);
    --dcm-active-bg: rgba(247, 81, 5, 0.15);
    --dcm-focus-ring: 0 0 0 3px rgba(247, 81, 5, 0.35);

    /* === SHADOWS === */
    --dcm-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    --dcm-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.55);
    --dcm-shadow-glow: 0 0 20px rgba(247, 81, 5, 0.25);

    /* === STATUS COLORS === */
    --dcm-success: #34D399;
    --dcm-success-hover: #6ee7b7;
    --dcm-success-bg: rgba(52, 211, 153, 0.15);
    --dcm-success-border: rgba(52, 211, 153, 0.3);
    --dcm-success-text: #6ee7b7;
    --dcm-gradient-success: linear-gradient(135deg, #34D399 0%, #10b981 100%);

    --dcm-danger: #FB7185;
    --dcm-danger-hover: #fda4af;
    --dcm-danger-bg: rgba(251, 113, 133, 0.15);
    --dcm-danger-border: rgba(251, 113, 133, 0.3);
    --dcm-danger-text: #fda4af;
    --dcm-gradient-danger: linear-gradient(135deg, #FB7185 0%, #f43f5e 100%);

    --dcm-warning: #FBBF24;
    --dcm-warning-hover: #fcd34d;
    --dcm-warning-bg: rgba(251, 191, 36, 0.15);
    --dcm-warning-border: rgba(251, 191, 36, 0.3);
    --dcm-warning-text: #fcd34d;
    --dcm-gradient-warning: linear-gradient(135deg, #FBBF24 0%, #f59e0b 100%);

    --dcm-info: #60A5FA;
    --dcm-info-hover: #93c5fd;
    --dcm-info-bg: rgba(96, 165, 250, 0.15);
    --dcm-info-border: rgba(96, 165, 250, 0.3);
    --dcm-info-text: #93c5fd;
    --dcm-gradient-info: linear-gradient(135deg, #60A5FA 0%, #3b82f6 100%);

    --dcm-neutral: #9ca3af;
    --dcm-neutral-hover: #d1d5db;
    --dcm-neutral-bg: rgba(156, 163, 175, 0.15);
    --dcm-neutral-border: rgba(156, 163, 175, 0.3);
    --dcm-neutral-text: #d1d5db;
    --dcm-gradient-neutral: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%);
}