/* ============================================================
   PushNotify Dashboard - Design Tokens (CSS Variables)
   Premium Dark Mode Design System
   ============================================================ */

:root {
    /* ---- Common Tokens (Shared) ---- */
    --pn-accent:         #6366f1;
    --pn-accent-light:   #818cf8;
    --pn-accent-dark:    #4f46e5;
    --pn-accent-glow:    rgba(99, 102, 241, 0.15);
    --pn-gradient:       linear-gradient(135deg, #6366f1, #8b5cf6);
    --pn-success:        #10b981;
    --pn-warning:        #f59e0b;
    --pn-danger:         #ef4444;
    --pn-info:           #3b82f6;

    /* Spacing & Sizing */
    --pn-sidebar-width:  260px;
    --pn-radius-md:      12px;
    --pn-transition:     all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    /* ---- Light Mode (Default) ---- */
    --pn-bg-primary:     #f8fafc;
    --pn-bg-secondary:   #ffffff;
    --pn-bg-card:        #ffffff;
    --pn-bg-sidebar:     #1e293b;
    --pn-bg-input:       #f1f5f9;
    
    --pn-text-primary:   #0f172a;
    --pn-text-secondary: #475569;
    --pn-text-muted:     #94a3b8;
    
    --pn-border:         #e2e8f0;
    --pn-shadow:         0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* ---- Dark Mode Refinement ---- */
[data-theme="dark"] {
    --pn-bg-primary:     #0f0f17;
    --pn-bg-secondary:   #161625;
    --pn-bg-card:        #1c1c2d;
    --pn-bg-sidebar:     #0a0a0f;
    --pn-bg-input:       #12121f;

    --pn-text-primary:   #f8fafc;
    --pn-text-secondary: #94a3b8;
    --pn-text-muted:     #64748b;

    --pn-border:         rgba(255, 255, 255, 0.08);
    --pn-shadow:         0 10px 15px -3px rgba(0, 0, 0, 0.4);
}