:root {
    /* --- COLOR PALETTE: DEEP ZINC (Dark Mode Default) --- */

    /* Backgrounds */
    --dc-bg-body: #09090b;
    /* Zinc 950 - Deepest black */
    --dc-bg-page: #09090b;
    --dc-bg-panel: #18181b;
    /* Zinc 900 - Surface */
    --dc-bg-card: #18181b;
    --dc-bg-input: #121215;
    /* Slightly darker than panel */
    --dc-bg-hover: #27272a;
    /* Zinc 800 */
    --dc-bg-navbar: rgba(9, 9, 11, 0.85);

    /* Text */
    --dc-text-main: #e4e4e7;
    /* Zinc 200 - Main text */
    --dc-text-muted: #a1a1aa;
    /* Zinc 400 - Secondary text */
    --dc-text-faint: #71717a;
    /* Zinc 500 - Lighter for visibility */
    --dc-text-on-primary: #ffffff;

    /* Brand Colors */
    --dc-primary: #3b82f6;
    /* Blue 500 */
    --dc-primary-hover: #2563eb;
    --dc-primary-dim: rgba(59, 130, 246, 0.15);

    --dc-success: #22c55e;
    /* Green 500 */
    --dc-success-dim: rgba(34, 197, 94, 0.15);

    --dc-warning: #ffd700;
    /* Bright Gold */
    --dc-warning-dim: rgba(255, 215, 0, 0.15);

    --dc-danger: #ef4444;
    /* Red 500 */
    --dc-danger-dim: rgba(239, 68, 68, 0.15);

    --dc-info: #06b6d4;
    /* Cyan 500 */
    --dc-info-dim: rgba(6, 182, 212, 0.15);

    /* Borders */
    --dc-border-main: #27272a;
    /* Zinc 800 */
    --dc-border-subtle: #1f1f23;
    --dc-border-highlight: #3f3f46;

    /* Shadows */
    --dc-shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    --dc-shadow-glow: 0 0 15px rgba(59, 130, 246, 0.3);

    /* Typography */
    --dc-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --dc-font-mono: 'Courier New', monospace;

    /* Dimensions */
    --dc-radius-sm: 6px;
    --dc-radius-md: 8px;
    --dc-radius-lg: 12px;
    --dc-header-height: 64px;

    /* Effects */
    --dc-glass: blur(16px) saturate(180%);
    --dc-grid-line: rgba(255, 255, 255, 0.04);
    --dc-glass-bg: rgba(24, 24, 27, 0.7);
    /* Zinc 900 70% */

    /* Bootstrap Overrides (Dark Mode Default) */
    --bs-primary: #3b82f6;
    --bs-primary-rgb: 59, 130, 246;
    --bs-success: #22c55e;
    --bs-success-rgb: 34, 197, 94;
    --bs-warning: #ffd700;
    --bs-warning-rgb: 255, 215, 0;
    --bs-danger: #ef4444;
    --bs-danger-rgb: 239, 68, 68;
    --bs-info: #06b6d4;
    --bs-info-rgb: 6, 182, 212;
}

[data-bs-theme="light"] {
    /* --- COLOR PALETTE: CRISP CLOUD (Light Mode) --- */

    /* Backgrounds */
    --dc-bg-body: #f8fafc;
    /* Slate 50 */
    --dc-bg-page: #f8fafc;
    --dc-bg-panel: #ffffff;
    --dc-bg-card: #ffffff;
    --dc-bg-input: #ffffff;
    --dc-bg-hover: #f1f5f9;
    /* Slate 100 */
    --dc-bg-navbar: rgba(255, 255, 255, 0.9);

    /* Text */
    --dc-text-main: #0f172a;
    /* Slate 900 */
    --dc-text-muted: #64748b;
    /* Slate 500 */
    --dc-text-faint: #94a3b8;
    /* Slate 400 */
    --dc-text-on-primary: #ffffff;

    /* Brand Colors */
    --dc-primary: #2563eb;
    /* Blue 600 */
    --dc-primary-hover: #1d4ed8;
    --dc-primary-dim: rgba(37, 99, 235, 0.1);

    --dc-success: #22c55e;
    /* Green 500 */
    --dc-success-dim: rgba(34, 197, 94, 0.1);

    --dc-warning: #ffd700;
    /* Bright Gold */
    --dc-warning-dim: rgba(255, 215, 0, 0.1);

    --dc-danger: #dc2626;
    /* Red 600 */
    --dc-danger-dim: rgba(220, 38, 38, 0.1);

    --dc-info: #0891b2;
    /* Cyan 600 */
    --dc-info-dim: rgba(8, 145, 178, 0.1);

    /* Borders */
    --dc-border-main: #e2e8f0;
    /* Slate 200 */
    --dc-border-subtle: #f1f5f9;
    /* Slate 100 */
    --dc-border-highlight: #cbd5e1;
    /* Slate 300 */

    /* Shadows */
    --dc-shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    --dc-shadow-glow: 0 0 15px rgba(37, 99, 235, 0.15);

    /* Effects */
    --dc-grid-line: rgba(0, 0, 0, 0.03);
    --dc-glass-bg: rgba(255, 255, 255, 0.8);
    /* Bootstrap Overrides (Light Mode) */
    --bs-primary: #2563eb;
    --bs-primary-rgb: 37, 99, 235;
    --bs-success: #22c55e;
    --bs-success-rgb: 34, 197, 94;
    --bs-warning: #ffd700;
    --bs-warning-rgb: 255, 215, 0;
    --bs-danger: #dc2626;
    --bs-danger-rgb: 220, 38, 38;
    --bs-info: #0891b2;
    --bs-info-rgb: 8, 145, 178;
}