/**
 * DCM Admin Theme: Default (Purple Gradient)
 * Version: 1.0.0
 * Created: 2026-02-05
 * Primary Color: #667eea
 * Style: Professional purple gradient - the original DCM Admin theme
 *
 * This is the default fallback theme.
 * Based on the original DCM Admin design.
 */

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

    /* === PRIMARY BRAND === */
    --dcm-primary: #667eea;
    --dcm-primary-hover: #5a6fd6;
    --dcm-primary-rgb: 102, 126, 234;

    /* === MAIN GRADIENT === */
    --dcm-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --dcm-gradient-start: #667eea;
    --dcm-gradient-end: #764ba2;

    /* === BACKGROUNDS === */
    --dcm-bg: #f5f5f5;
    --dcm-bg-alt: #f6f7fb;
    --dcm-card-bg: #ffffff;
    --dcm-navbar-bg: #ffffff;
    --dcm-sidebar-bg: #2c3e50;
    --dcm-dropdown-bg: #ffffff;
    --dcm-input-bg: #ffffff;
    --dcm-kbd-bg: #f8f9fa;
    --dcm-progress-bg: #ecf0f1;
    --dcm-table-stripe: rgba(0, 0, 0, 0.02);
    --dcm-table-hover: rgba(102, 126, 234, 0.05);

    /* === TEXT COLORS === */
    --dcm-text: #333333;
    --dcm-text-primary: #2c3e50;
    --dcm-text-muted: #6c757d;
    --dcm-text-light: #95a5a6;
    --dcm-dropdown-text: #333333;
    --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: #667eea;

    /* === INTERACTIVE STATES === */
    --dcm-hover-bg: rgba(0, 0, 0, 0.05);
    --dcm-sidebar-hover: rgba(255, 255, 255, 0.1);
    --dcm-active-bg: rgba(102, 126, 234, 0.1);
    --dcm-focus-ring: 0 0 0 3px rgba(102, 126, 234, 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(102, 126, 234, 0.3);

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

    --dcm-danger: #ef4444;
    --dcm-danger-hover: #dc2626;
    --dcm-danger-bg: #fee2e2;
    --dcm-danger-border: #fecaca;
    --dcm-danger-text: #991b1b;
    --dcm-gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);

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

    --dcm-info: #3b82f6;
    --dcm-info-hover: #2563eb;
    --dcm-info-bg: #dbeafe;
    --dcm-info-border: #bfdbfe;
    --dcm-info-text: #1e40af;
    --dcm-gradient-info: linear-gradient(135deg, #3b82f6 0%, #2563eb 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: #667eea;
    --dcm-primary-hover: #7c8ff0;
    --dcm-primary-rgb: 102, 126, 234;

    /* === MAIN GRADIENT === */
    --dcm-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --dcm-gradient-start: #667eea;
    --dcm-gradient-end: #764ba2;

    /* === BACKGROUNDS === */
    --dcm-bg: #1a1d21;
    --dcm-bg-alt: #16191d;
    --dcm-card-bg: #212529;
    --dcm-navbar-bg: #212529;
    --dcm-sidebar-bg: #0d1117;
    --dcm-dropdown-bg: #212529;
    --dcm-input-bg: #2b3035;
    --dcm-kbd-bg: #2b3035;
    --dcm-progress-bg: #343a40;
    --dcm-table-stripe: rgba(255, 255, 255, 0.03);
    --dcm-table-hover: rgba(102, 126, 234, 0.1);

    /* === TEXT COLORS === */
    --dcm-text: #e9ecef;
    --dcm-text-primary: #e9ecef;
    --dcm-text-muted: #adb5bd;
    --dcm-text-light: #6c757d;
    --dcm-dropdown-text: #e9ecef;
    --dcm-dropdown-text-muted: #adb5bd;

    /* === BORDERS === */
    --dcm-border: #495057;
    --dcm-border-light: #343a40;
    --dcm-dropdown-border: #495057;
    --dcm-input-border: #495057;
    --dcm-input-focus-border: #667eea;

    /* === INTERACTIVE STATES === */
    --dcm-hover-bg: rgba(255, 255, 255, 0.1);
    --dcm-sidebar-hover: rgba(255, 255, 255, 0.15);
    --dcm-active-bg: rgba(102, 126, 234, 0.2);
    --dcm-focus-ring: 0 0 0 3px rgba(102, 126, 234, 0.35);

    /* === SHADOWS === */
    --dcm-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    --dcm-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);
    --dcm-shadow-glow: 0 4px 12px rgba(102, 126, 234, 0.4);

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

    --dcm-danger: #f87171;
    --dcm-danger-hover: #ef4444;
    --dcm-danger-bg: rgba(239, 68, 68, 0.15);
    --dcm-danger-border: rgba(239, 68, 68, 0.3);
    --dcm-danger-text: #fca5a5;
    --dcm-gradient-danger: linear-gradient(135deg, #f87171 0%, #ef4444 100%);

    --dcm-warning: #fbbf24;
    --dcm-warning-hover: #f59e0b;
    --dcm-warning-bg: rgba(245, 158, 11, 0.15);
    --dcm-warning-border: rgba(245, 158, 11, 0.3);
    --dcm-warning-text: #fcd34d;
    --dcm-gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);

    --dcm-info: #60a5fa;
    --dcm-info-hover: #3b82f6;
    --dcm-info-bg: rgba(59, 130, 246, 0.15);
    --dcm-info-border: rgba(59, 130, 246, 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(107, 114, 128, 0.15);
    --dcm-neutral-border: rgba(107, 114, 128, 0.3);
    --dcm-neutral-text: #d1d5db;
    --dcm-gradient-neutral: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%);
}