/**
 * Dark Theme
 */

[data-theme="dark"] {
    /* Primary Colors */
    --color-primary: #3b82f6;
    --color-primary-hover: #60a5fa;
    --color-primary-active: #2563eb;
    --color-primary-light: #1e3a8a;
    --color-primary-dark: #93c5fd;

    /* Secondary Colors */
    --color-secondary: #94a3b8;
    --color-secondary-hover: #cbd5e1;
    --color-secondary-light: #1e293b;

    /* Background Colors */
    --color-bg-primary: #0f172a;
    --color-bg-secondary: #1e293b;
    --color-bg-tertiary: #334155;
    --color-bg-elevated: #1e293b;
    --color-bg-overlay: rgba(0, 0, 0, 0.7);

    /* Text Colors */
    --color-text-primary: #f8fafc;
    --color-text-secondary: #cbd5e1;
    --color-text-tertiary: #94a3b8;
    --color-text-muted: #64748b;
    --color-text-inverse: #0f172a;

    /* Border Colors */
    --color-border-primary: #334155;
    --color-border-secondary: #475569;
    --color-border-focus: #3b82f6;

    /* Status Colors */
    --color-success: #4ade80;
    --color-success-bg: #14532d;
    --color-success-text: #86efac;

    --color-warning: #fbbf24;
    --color-warning-bg: #78350f;
    --color-warning-text: #fde68a;

    --color-error: #f87171;
    --color-error-bg: #7f1d1d;
    --color-error-text: #fecaca;

    --color-info: #60a5fa;
    --color-info-bg: #1e3a8a;
    --color-info-text: #bfdbfe;

    /* Input Colors */
    --color-input-bg: #1e293b;
    --color-input-border: #334155;
    --color-input-border-focus: #3b82f6;
    --color-input-placeholder: #64748b;

    /* Card Colors */
    --color-card-bg: #1e293b;
    --color-card-border: #334155;
    --color-card-shadow: rgba(0, 0, 0, 0.3);

    /* Navigation */
    --color-nav-bg: #1e293b;
    --color-nav-border: #334155;
    --color-nav-item: #94a3b8;
    --color-nav-item-hover: #f8fafc;
    --color-nav-item-active: #3b82f6;

    /* Button Variants */
    --color-btn-primary-bg: #3b82f6;
    --color-btn-primary-text: #ffffff;
    --color-btn-primary-hover: #60a5fa;

    --color-btn-secondary-bg: #334155;
    --color-btn-secondary-text: #cbd5e1;
    --color-btn-secondary-hover: #475569;

    --color-btn-danger-bg: #ef4444;
    --color-btn-danger-text: #ffffff;
    --color-btn-danger-hover: #f87171;

    /* Table */
    --color-table-header-bg: #1e293b;
    --color-table-row-hover: #334155;
    --color-table-border: #334155;

    /* Scrollbar */
    --color-scrollbar-track: #1e293b;
    --color-scrollbar-thumb: #475569;
    --color-scrollbar-thumb-hover: #64748b;

    /* Code */
    --color-code-bg: #1e293b;
    --color-code-text: #f8fafc;

    /* Skeleton Loading */
    --color-skeleton-base: #334155;
    --color-skeleton-shine: #475569;
}

/* Dark mode shadows need adjustment */
[data-theme="dark"] {
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.2);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.2);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.4);
}