/* =============================================
   ALVI Dochádzka — Design Tokens v2
   Premium dark-light hybrid theme
   © 2026
   ============================================= */
:root {
    /* Primary palette — vivid indigo-violet */
    --al-primary:          #6366f1;
    --al-primary-hover:    #4f46e5;
    --al-primary-light:    rgba(99, 102, 241, 0.10);
    --al-primary-bg:       rgba(99, 102, 241, 0.15);
    --al-primary-glow:     rgba(99, 102, 241, 0.25);

    /* Accents */
    --al-success:          #22c55e;
    --al-success-light:    rgba(34, 197, 94, 0.10);
    --al-success-bg:       rgba(34, 197, 94, 0.15);
    --al-warning:          #f59e0b;
    --al-warning-light:    rgba(245, 158, 11, 0.10);
    --al-warning-bg:       rgba(245, 158, 11, 0.15);
    --al-danger:           #ef4444;
    --al-danger-light:     rgba(239, 68, 68, 0.10);
    --al-danger-bg:        rgba(239, 68, 68, 0.15);
    --al-purple:           #a855f7;
    --al-purple-light:     rgba(168, 85, 247, 0.10);
    --al-cyan:             #06b6d4;
    --al-cyan-light:       rgba(6, 182, 212, 0.10);
    --al-orange:           #f97316;
    --al-orange-light:     rgba(249, 115, 22, 0.10);
    --al-pink:             #ec4899;
    --al-pink-light:       rgba(236, 72, 153, 0.10);

    /* Rich Gradients */
    --al-gradient-primary:   linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
    --al-gradient-success:   linear-gradient(135deg, #22c55e 0%, #10b981 100%);
    --al-gradient-warning:   linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
    --al-gradient-danger:    linear-gradient(135deg, #ef4444 0%, #f43f5e 100%);
    --al-gradient-purple:    linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);
    --al-gradient-cyan:      linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);
    --al-gradient-dark:      linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
    --al-gradient-glass:     linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%);

    /* Surfaces */
    --al-bg:               #f0f2f5;
    --al-bg-alt:           #e8ecf1;
    --al-card-bg:          #ffffff;
    --al-card-bg-alt:      #f8fafc;
    --al-sidebar-bg:       #0f172a;
    --al-surface-elevated: rgba(255, 255, 255, 0.8);

    /* Text */
    --al-text:             #0f172a;
    --al-text-secondary:   #475569;
    --al-text-muted:       #94a3b8;
    --al-text-white:       #ffffff;

    /* Borders */
    --al-border:           #e2e8f0;
    --al-border-light:     rgba(0, 0, 0, 0.06);
    --al-border-card:      rgba(255, 255, 255, 0.8);

    /* Shadows — deeper, richer */
    --al-shadow-xs:  0 1px 2px rgba(0, 0, 0, 0.05);
    --al-shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
    --al-shadow:     0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
    --al-shadow-md:  0 8px 24px rgba(0, 0, 0, 0.10), 0 4px 8px rgba(0, 0, 0, 0.06);
    --al-shadow-lg:  0 16px 48px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.08);
    --al-shadow-xl:  0 24px 64px rgba(0, 0, 0, 0.14), 0 12px 24px rgba(0, 0, 0, 0.10);
    --al-shadow-primary: 0 4px 14px rgba(99, 102, 241, 0.35);
    --al-shadow-success: 0 4px 14px rgba(34, 197, 94, 0.30);
    --al-shadow-danger:  0 4px 14px rgba(239, 68, 68, 0.30);
    --al-shadow-warning: 0 4px 14px rgba(245, 158, 11, 0.30);

    /* Radii */
    --al-radius-xs:   6px;
    --al-radius-sm:   8px;
    --al-radius:      12px;
    --al-radius-lg:   16px;
    --al-radius-xl:   24px;
    --al-radius-2xl:  32px;
    --al-radius-full: 9999px;

    /* Transition */
    --al-transition:     all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --al-transition-slow: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);

    /* Spacing */
    --al-gap:      20px;
    --al-gap-sm:   12px;
    --al-gap-lg:   28px;
    --al-gap-xl:   40px;

    /* Sidebar */
    --al-sidebar-w: 270px;
}