/* ====================================
   DARK MODE / LIGHT MODE CSS VARIABLES
   Nexlead-Ecosystem Renk Paleti
   ==================================== */

/* Light Mode (Default) */
:root {
    /* Corporate Color Palette */
    --corp-primary: #0891b2;
    --corp-primary-hover: #06b6d4;
    --corp-primary-light: #22d3ee;
    --corp-primary-dark: #0e7490;
    --corp-secondary: #475569;
    --corp-secondary-hover: #64748b;

    /* Main Background & Text - Professional Style */
    --body-bg: #f8fafc;
    --body-text: #0f172a;
    --body-text-muted: #64748b;

    /* Card & Container */
    --card-bg: #ffffff;
    --card-border: #e2e8f0;
    --card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --card-header-bg: #f8fafc;
    --card-header-text: #0f172a;

    /* Navbar */
    --navbar-bg: #1a1d23;
    --navbar-text: #f1f5f9;
    --navbar-hover: rgba(255,255,255,0.1);

    /* Sidebar */
    --sidebar-bg: #1a1d23;
    --sidebar-bg-gradient-end: #111418;
    --sidebar-text: #94a3b8;
    --sidebar-text-hover: #ffffff;
    --sidebar-hover-bg: #23262d;
    --sidebar-active-bg: rgba(8, 145, 178, 0.15);
    --sidebar-active-text: #22d3ee;
    --sidebar-border-active: #0891b2;
    --sidebar-heading: #64748b;
    --sidebar-icon: #64748b;
    --sidebar-border: #23262d;

    /* Form Elements */
    --input-bg: #ffffff;
    --input-text: #0f172a;
    --input-border: #cbd5e1;
    --input-focus-border: #0891b2;
    --input-focus-shadow: rgba(8,145,178,.15);
    --input-disabled-bg: #f1f5f9;
    --input-disabled-text: #94a3b8;
    --input-placeholder: #94a3b8;

    /* Select Elements */
    --select-bg: #ffffff;
    --select-text: #0f172a;
    --select-border: #cbd5e1;
    --select-hover-border: #0891b2;
    --select-focus-border: #0891b2;
    --select-focus-shadow: rgba(8,145,178,.15);
    --select-arrow-color: #0f172a;
    --select-option-bg: #ffffff;
    --select-option-text: #0f172a;
    --select-option-checked-bg: #0891b2;
    --select-option-checked-text: #ffffff;

    /* Table */
    --table-bg: #ffffff;
    --table-text: #0f172a;
    --table-border: #e2e8f0;
    --table-hover-bg: #f8fafc;
    --table-header-bg: #1a1d23;
    --table-header-bg-gradient: #23262d;
    --table-header-text: #f1f5f9;
    --table-stripe-bg: #f8fafc;

    /* Editable Table Cells */
    --cell-editable-hover: #f1f5f9;
    --cell-editing-bg: #fef3c7;
    --cell-editing-border: #f59e0b;
    --cell-modified-bg: #fde68a;
    --cell-modified-border: #d97706;
    --cell-saved-bg: #d1fae5;

    /* Buttons - Corporate Teal */
    --btn-primary-bg: #0891b2;
    --btn-primary-bg-end: #06b6d4;
    --btn-primary-hover: #06b6d4;
    --btn-primary-text: #ffffff;
    --btn-success-bg: #059669;
    --btn-success-hover: #10b981;
    --btn-success-text: #ffffff;
    --btn-danger-bg: #dc2626;
    --btn-danger-hover: #ef4444;
    --btn-danger-text: #ffffff;
    --btn-warning-bg: #d97706;
    --btn-warning-hover: #f59e0b;
    --btn-warning-text: #ffffff;
    --btn-secondary-bg: #475569;
    --btn-secondary-hover: #64748b;
    --btn-secondary-text: #ffffff;
    --btn-info-bg: #0284c7;
    --btn-info-hover: #0ea5e9;
    --btn-info-text: #ffffff;

    /* Alerts */
    --alert-success-bg: rgba(5, 150, 105, 0.1);
    --alert-success-text: #059669;
    --alert-success-border: #059669;
    --alert-danger-bg: rgba(220, 38, 38, 0.1);
    --alert-danger-text: #dc2626;
    --alert-danger-border: #dc2626;
    --alert-warning-bg: rgba(217, 119, 6, 0.1);
    --alert-warning-text: #d97706;
    --alert-warning-border: #d97706;
    --alert-info-bg: rgba(2, 132, 199, 0.1);
    --alert-info-text: #0284c7;
    --alert-info-border: #0284c7;

    /* Borders & Dividers */
    --border-color: #e2e8f0;
    --border-color-light: #f1f5f9;
    --divider-color: rgba(0, 0, 0, 0.08);

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    /* Scrollbar */
    --scrollbar-track: #f1f5f9;
    --scrollbar-thumb: #cbd5e1;
    --scrollbar-thumb-hover: #94a3b8;

    /* Modal */
    --modal-bg: #ffffff;
    --modal-header-bg: #f8fafc;
    --modal-overlay: rgba(0, 0, 0, 0.4);

    /* Badge */
    --badge-allowed-bg: #059669;
    --badge-allowed-text: #ffffff;
    --badge-denied-bg: #dc2626;
    --badge-denied-text: #ffffff;

    /* Dashboard Stats */
    --stat-primary-border: #0891b2;
    --stat-success-border: #059669;
    --stat-info-border: #0284c7;
    --stat-warning-border: #d97706;
    --stat-icon-color: #e2e8f0;
    --stat-text-color: #64748b;

    /* Progress Bar */
    --progress-bg: #e2e8f0;
    --progress-bar-bg: #0891b2;

    /* Checkbox */
    --checkbox-border: #cbd5e1;
    --checkbox-bg: #ffffff;
    --checkbox-checked-bg: #0891b2;

    /* Border Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
}

/* Dark Mode - Corporate Style */
[data-theme="dark"] {
    /* Main Background & Text */
    --body-bg: #0f1114;
    --body-text: #f1f5f9;
    --body-text-muted: #94a3b8;

    /* Card & Container */
    --card-bg: #1a1d23;
    --card-border: #2d3139;
    --card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    --card-header-bg: #23262d;
    --card-header-text: #f1f5f9;

    /* Navbar */
    --navbar-bg: #0a0c0f;
    --navbar-text: #f1f5f9;
    --navbar-hover: rgba(255,255,255,0.1);

    /* Sidebar */
    --sidebar-bg: #0a0c0f;
    --sidebar-bg-gradient-end: #1a1d23;
    --sidebar-text: #94a3b8;
    --sidebar-text-hover: #ffffff;
    --sidebar-hover-bg: #1e2128;
    --sidebar-active-bg: rgba(8, 145, 178, 0.2);
    --sidebar-active-text: #22d3ee;
    --sidebar-border-active: #0891b2;
    --sidebar-heading: #64748b;
    --sidebar-icon: #64748b;
    --sidebar-border: #2d3139;

    /* Form Elements */
    --input-bg: #1a1d23;
    --input-text: #f1f5f9;
    --input-border: #2d3139;
    --input-focus-border: #0891b2;
    --input-focus-shadow: rgba(8,145,178,.25);
    --input-disabled-bg: #0f1114;
    --input-disabled-text: #64748b;
    --input-placeholder: #64748b;

    /* Select Elements */
    --select-bg: #1a1d23;
    --select-text: #f1f5f9;
    --select-border: #2d3139;
    --select-hover-border: #0891b2;
    --select-focus-border: #0891b2;
    --select-focus-shadow: rgba(8,145,178,.25);
    --select-arrow-color: #94a3b8;
    --select-option-bg: #1a1d23;
    --select-option-text: #f1f5f9;
    --select-option-checked-bg: #0891b2;
    --select-option-checked-text: #ffffff;

    /* Table */
    --table-bg: #1a1d23;
    --table-text: #f1f5f9;
    --table-border: #2d3139;
    --table-hover-bg: #23262d;
    --table-header-bg: #0a0c0f;
    --table-header-bg-gradient: #1a1d23;
    --table-header-text: #f1f5f9;
    --table-stripe-bg: #0f1114;

    /* Editable Table Cells */
    --cell-editable-hover: #23262d;
    --cell-editing-bg: #422006;
    --cell-editing-border: #d97706;
    --cell-modified-bg: #713f12;
    --cell-modified-border: #f59e0b;
    --cell-saved-bg: #064e3b;

    /* Buttons - Corporate Teal */
    --btn-primary-bg: #0891b2;
    --btn-primary-bg-end: #06b6d4;
    --btn-primary-hover: #06b6d4;
    --btn-primary-text: #ffffff;
    --btn-success-bg: #059669;
    --btn-success-hover: #10b981;
    --btn-success-text: #ffffff;
    --btn-danger-bg: #dc2626;
    --btn-danger-hover: #ef4444;
    --btn-danger-text: #ffffff;
    --btn-warning-bg: #d97706;
    --btn-warning-hover: #f59e0b;
    --btn-warning-text: #ffffff;
    --btn-secondary-bg: #475569;
    --btn-secondary-hover: #64748b;
    --btn-secondary-text: #f1f5f9;
    --btn-info-bg: #0284c7;
    --btn-info-hover: #0ea5e9;
    --btn-info-text: #ffffff;

    /* Alerts */
    --alert-success-bg: rgba(5, 150, 105, 0.15);
    --alert-success-text: #10b981;
    --alert-success-border: #059669;
    --alert-danger-bg: rgba(220, 38, 38, 0.15);
    --alert-danger-text: #ef4444;
    --alert-danger-border: #dc2626;
    --alert-warning-bg: rgba(217, 119, 6, 0.15);
    --alert-warning-text: #f59e0b;
    --alert-warning-border: #d97706;
    --alert-info-bg: rgba(2, 132, 199, 0.15);
    --alert-info-text: #0ea5e9;
    --alert-info-border: #0284c7;

    /* Borders & Dividers */
    --border-color: #2d3139;
    --border-color-light: #3d4149;
    --divider-color: rgba(255, 255, 255, 0.08);

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.5);

    /* Scrollbar */
    --scrollbar-track: #1a1d23;
    --scrollbar-thumb: #2d3139;
    --scrollbar-thumb-hover: #3d4149;

    /* Modal */
    --modal-bg: #1a1d23;
    --modal-header-bg: #0a0c0f;
    --modal-overlay: rgba(0, 0, 0, 0.7);

    /* Badge */
    --badge-allowed-bg: #059669;
    --badge-allowed-text: #ffffff;
    --badge-denied-bg: #dc2626;
    --badge-denied-text: #ffffff;

    /* Dashboard Stats */
    --stat-primary-border: #0891b2;
    --stat-success-border: #059669;
    --stat-info-border: #0284c7;
    --stat-warning-border: #d97706;
    --stat-icon-color: #2d3139;
    --stat-text-color: #f1f5f9;

    /* Progress Bar */
    --progress-bg: #2d3139;
    --progress-bar-bg: #0891b2;

    /* Checkbox */
    --checkbox-border: #2d3139;
    --checkbox-bg: #1a1d23;
    --checkbox-checked-bg: #0891b2;
}

/* Apply smooth transitions to all color changes */
body,
.card,
.navbar,
.sidebar,
.form-control,
.form-select,
select,
.table,
.btn,
.alert,
.modal-content,
input,
textarea {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Smooth color transition for body */
body {
    background-color: var(--body-bg);
    color: var(--body-text);
}