/* =======================================================================
   Modern Dashboard - CSS Variables
   Neutral/shared values. Theme-specific colors come from mtheme.css
   ======================================================================= */

:root {
    /* Neutral palette (Tailwind Slate) */
    --modern-bg: #f8fafc;
    --modern-bg-card: #ffffff;
    --modern-bg-sidebar: #0f172a;
    --modern-bg-sidebar-hover: #1e293b;
    --modern-bg-sidebar-active: #1e40af;
    --modern-text-sidebar: #94a3b8;
    --modern-text-sidebar-active: #ffffff;
    --modern-text-primary: #0f172a;
    --modern-text-secondary: #64748b;
    --modern-text-muted: #94a3b8;
    --modern-border: #e2e8f0;
    --modern-border-light: #f1f5f9;

    /* Shape */
    --modern-radius: 12px;
    --modern-radius-sm: 8px;
    --modern-radius-xl: 16px;
    --modern-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --modern-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --modern-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    /* Typography */
    --modern-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Transitions */
    --modern-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --modern-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}