/* =====================================================
   POS Design System — CSS Custom Properties
   Incluido globalmente en vistas/head.php
   ===================================================== */
:root {
    --pos-primary:      #007bff;
    --pos-success:      #28a745;
    --pos-warning:      #ffc107;
    --pos-danger:       #dc3545;
    --pos-info:         #17a2b8;

    --pos-bg-panel:     #f0f2f5;
    --pos-bg-card:      #ffffff;
    --pos-bg-toolbar:   #ffffff;

    --pos-text-primary: #212529;
    --pos-text-muted:   #6c757d;
    --pos-text-success: #28a745;

    --pos-font-display: clamp(1.8rem, 3.5vw, 3rem);
    --pos-font-xl:      1.5rem;
    --pos-font-lg:      1.125rem;
    --pos-font-sm:      0.875rem;

    --pos-gap:          1rem;
    --pos-gap-sm:       0.5rem;
    --pos-gap-lg:       1.5rem;

    --pos-radius:       0.5rem;
    --pos-radius-sm:    0.25rem;
    --pos-radius-lg:    0.75rem;

    --pos-shadow-sm:    0 1px 4px rgba(0, 0, 0, 0.08);
    --pos-shadow-card:  0 2px 8px rgba(0, 0, 0, 0.10);
    --pos-shadow-panel: 0 4px 16px rgba(0, 0, 0, 0.12);

    --pos-transition:   0.2s ease;
}