/* ==========================================================================
   Wi-Sky Theme — CSS Custom Properties
   Dark sidebar + light/dark content toggle via [data-theme] attribute
   ========================================================================== */

/* ---------- Light Theme (default) ---------- */
:root,
[data-theme="light"] {
    /* Body & surfaces */
    --ws-body-bg: #f5f7fb;
    --ws-card-bg: #ffffff;
    --ws-card-border: #e2e8f0;
    --ws-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    --ws-card-hover-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

    /* Sidebar */
    --ws-sidebar-bg: #ffffff;
    --ws-sidebar-width: 260px;
    --ws-sidebar-border: #e2e8f0;
    --ws-sidebar-header-color: #94a3b8;
    --ws-sidebar-text: #4b5563;
    --ws-sidebar-text-hover: #1a2332;
    --ws-sidebar-active-bg: rgba(59, 125, 221, 0.08);
    --ws-sidebar-active-border: #3b7ddd;
    --ws-sidebar-active-text: #3b7ddd;
    --ws-sidebar-divider: #e2e8f0;
    --ws-sidebar-logo-bg: transparent;
    --ws-sidebar-user-bg: #f8fafc;
    --ws-sidebar-hover-bg: rgba(0, 0, 0, 0.03);
    --ws-sidebar-dropdown-bg: rgba(0, 0, 0, 0.02);
    --ws-sidebar-scrollbar: rgba(0, 0, 0, 0.1);
    --ws-sidebar-user-text: #1a2332;

    /* Navbar */
    --ws-navbar-bg: #ffffff;
    --ws-navbar-border: #e2e8f0;
    --ws-navbar-text: #495057;
    --ws-navbar-icon: #6c757d;
    --ws-navbar-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

    /* Typography */
    --ws-text-primary: #1a2332;
    --ws-text-secondary: #6c757d;
    --ws-text-muted: #94a3b8;
    --ws-heading-color: #1a2332;
    --ws-link-color: #3b7ddd;
    --ws-link-hover-color: #2c5aa0;

    /* Tables */
    --ws-table-bg: transparent;
    --ws-table-border: #e2e8f0;
    --ws-table-stripe-bg: rgba(0, 0, 0, 0.04);
    --ws-table-hover-bg: rgba(59, 125, 221, 0.04);
    --ws-table-header-bg: #f8fafc;
    --ws-table-header-color: #64748b;

    /* Inputs / Forms */
    --ws-input-bg: #ffffff;
    --ws-input-border: #9ca3af;
    --ws-input-text: #1a2332;
    --ws-input-placeholder: #94a3b8;
    --ws-input-focus-border: #3b7ddd;
    --ws-input-focus-shadow: 0 0 0 0.2rem rgba(59, 125, 221, 0.15);

    /* Search */
    --ws-search-bg: #f1f5f9;
    --ws-search-border: #e2e8f0;
    --ws-search-text: #1a2332;
    --ws-search-placeholder: #94a3b8;
    --ws-search-focus-bg: #ffffff;
    --ws-search-focus-border: #3b7ddd;

    /* Dropdown */
    --ws-dropdown-bg: #ffffff;
    --ws-dropdown-border: #e2e8f0;
    --ws-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    --ws-dropdown-hover-bg: #f8fafc;
    --ws-dropdown-text: #1a2332;

    /* Badges / Status */
    --ws-badge-online-bg: #dcfce7;
    --ws-badge-online-text: #166534;
    --ws-badge-offline-bg: #fef2f2;
    --ws-badge-offline-text: #991b1b;
    --ws-badge-warning-bg: #fef9c3;
    --ws-badge-warning-text: #854d0e;
    --ws-badge-info-bg: #e0f2fe;
    --ws-badge-info-text: #075985;

    /* Brand / accent */
    --ws-primary: #3b7ddd;
    --ws-primary-dark: #2c5aa0;
    --ws-primary-light: #e8f0fe;
    --ws-success: #16a34a;
    --ws-danger: #dc2626;
    --ws-warning: #f59e0b;
    --ws-info: #0ea5e9;

    /* Misc */
    --ws-border-radius: 0.5rem;
    --ws-border-radius-sm: 0.375rem;
    --ws-border-radius-lg: 0.75rem;
    --ws-transition-speed: 0.2s;
    --ws-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --ws-scrollbar-thumb: #cbd5e1;
    --ws-scrollbar-track: transparent;

    /* Footer */
    --ws-footer-bg: transparent;
    --ws-footer-text: #94a3b8;
    --ws-footer-border: #e2e8f0;

    /* Notification */
    --ws-notification-unread-bg: #f0f7ff;
    --ws-notification-hover-bg: #f8fafc;

    /* Splash */
    --ws-splash-bg: #f5f7fb;

    /* Subtle surfaces (map popups, info panels, hover states) */
    --ws-subtle-bg: #f8fafc;
    --ws-subtle-border: #f1f5f9;
    --ws-bg-surface: #f1f5f9;
}

/* ---------- Dark Theme ---------- */
[data-theme="dark"] {
    --ws-body-bg: #111827;
    --ws-card-bg: #1f2937;
    --ws-card-border: #374151;
    --ws-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    --ws-card-hover-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);

    /* Sidebar */
    --ws-sidebar-bg: #0f172a;
    --ws-sidebar-border: #1e293b;
    --ws-sidebar-header-color: rgba(255, 255, 255, 0.4);
    --ws-sidebar-text: rgba(255, 255, 255, 0.7);
    --ws-sidebar-text-hover: #ffffff;
    --ws-sidebar-active-bg: rgba(59, 125, 221, 0.15);
    --ws-sidebar-active-border: #3b7ddd;
    --ws-sidebar-active-text: #ffffff;
    --ws-sidebar-divider: rgba(255, 255, 255, 0.08);
    --ws-sidebar-user-bg: rgba(255, 255, 255, 0.05);
    --ws-sidebar-hover-bg: rgba(255, 255, 255, 0.05);
    --ws-sidebar-dropdown-bg: rgba(0, 0, 0, 0.15);
    --ws-sidebar-scrollbar: rgba(255, 255, 255, 0.1);
    --ws-sidebar-user-text: #ffffff;

    /* Navbar */
    --ws-navbar-bg: #1f2937;
    --ws-navbar-border: #374151;
    --ws-navbar-text: #e5e7eb;
    --ws-navbar-icon: #9ca3af;
    --ws-navbar-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    /* Typography */
    --ws-text-primary: #f1f5f9;
    --ws-text-secondary: #9ca3af;
    --ws-text-muted: #6b7280;
    --ws-heading-color: #f1f5f9;
    --ws-link-color: #60a5fa;
    --ws-link-hover-color: #93bbfc;

    /* Tables */
    --ws-table-bg: transparent;
    --ws-table-border: #374151;
    --ws-table-stripe-bg: rgba(255, 255, 255, 0.06);
    --ws-table-hover-bg: rgba(59, 125, 221, 0.08);
    --ws-table-header-bg: rgba(255, 255, 255, 0.08);
    --ws-table-header-color: #d1d5db;

    /* Inputs / Forms */
    --ws-input-bg: #374151;
    --ws-input-border: #4b5563;
    --ws-input-text: #f1f5f9;
    --ws-input-placeholder: #6b7280;
    --ws-input-focus-border: #60a5fa;
    --ws-input-focus-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);

    /* Search */
    --ws-search-bg: #374151;
    --ws-search-border: #4b5563;
    --ws-search-text: #f1f5f9;
    --ws-search-placeholder: #6b7280;
    --ws-search-focus-bg: #4b5563;
    --ws-search-focus-border: #60a5fa;

    /* Dropdown */
    --ws-dropdown-bg: #1f2937;
    --ws-dropdown-border: #374151;
    --ws-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    --ws-dropdown-hover-bg: #374151;
    --ws-dropdown-text: #f1f5f9;

    /* Badges / Status */
    --ws-badge-online-bg: rgba(22, 163, 74, 0.2);
    --ws-badge-online-text: #4ade80;
    --ws-badge-offline-bg: rgba(220, 38, 38, 0.2);
    --ws-badge-offline-text: #f87171;
    --ws-badge-warning-bg: rgba(245, 158, 11, 0.2);
    --ws-badge-warning-text: #fbbf24;
    --ws-badge-info-bg: rgba(14, 165, 233, 0.2);
    --ws-badge-info-text: #38bdf8;

    /* Misc */
    --ws-scrollbar-thumb: #4b5563;

    /* Footer */
    --ws-footer-bg: transparent;
    --ws-footer-text: #6b7280;
    --ws-footer-border: #374151;

    /* Notification */
    --ws-notification-unread-bg: rgba(59, 125, 221, 0.1);
    --ws-notification-hover-bg: #374151;

    /* Splash */
    --ws-splash-bg: #111827;

    /* Subtle surfaces */
    --ws-subtle-bg: rgba(255, 255, 255, 0.03);
    --ws-subtle-border: rgba(255, 255, 255, 0.06);
    --ws-bg-surface: rgba(255, 255, 255, 0.05);
}