@import url('bootstrap_addons/fonts.css');
@import url('bootstrap_addons/sizing.css');
@import url('bootstrap_addons/buttons.css');
@import url('bootstrap_addons/basic.css');
@import url('bootstrap_addons/colors.css');
@import url('components/cards.css');
@import url('components/tables.css');
@import url('components/hero.css');
@import url('components/auth.css');
@import url('components/sidenav.css');
@import url('private/super_user_dashboard.css');

/* Light mode (default) */
:root {
    /* Subtle variations - barely perceptible */
    --bs-primary: #1f4168;
    --bs-secondary: #2b9c89;
    --bs-success: #d1fae5;
    --bs-info: #dbeafe;
    --bs-warning: #fef3c7;
    --bs-danger: #fee2e2;
    --bs-light: #f9fafb;
    --bs-dark: #111827;
    
    /* Backgrounds - Ultra clean */
    --bg-primary: #ffffff;
    --bg-secondary: #f9fafb;
    --text-primary: #111827;
    --text-secondary: #6b7280;
    --border-color: #e5e7eb;
    --link-color: #4f46e5;
    
    /* Gradients - Soft & Sophisticated */
    --primary-gradient: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 100%);
    --secondary-gradient: linear-gradient(135deg, var(--bs-secondary) 0%, var(--bs-primary) 100%);
}

/* Dark mode - Muted & sophisticated */
[data-bs-theme="dark"] {
    /* Subtle dark variations */
    --bs-primary: #1e293b;
    --bs-secondary: #374151;
    --bs-success: #064e3b;
    --bs-info: #0c4a6e;
    --bs-warning: #78350f;
    --bs-danger: #7f1d1d;
    --bs-light: #1f2937;
    --bs-dark: #f3f4f6;
    
    /* Dark backgrounds */
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --text-primary: #6b8dd1;
    --text-secondary: #9ca3af;
    --border-color: #374151;
    --link-color: #818cf8;
    
    /* Dark Gradients - Deep & Rich */
    --primary-gradient: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 100%);
    --secondary-gradient: linear-gradient(135deg, var(--bs-secondary) 0%, var(--bs-primary) 100%);
}

/* Body theme support */
body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}