/* public/css/base.css - Design System "Horizon" */
:root {
    /* Palette Moderno */
    --primary: #4f46e5; /* Indigo */
    --primary-dark: #4338ca;
    --primary-light: #e0e7ff;
    
    --secondary: #10b981; /* Emerald */
    --danger: #ef4444;    /* Rose */
    --warning: #f59e0b;   /* Amber */
    
    --surface: #ffffff;
    --surface-alt: #f8fafc;
    --background: #f1f5f9;
    
    --text-main: #1e293b;
    --text-muted: #64748b;
    
    /* Layout */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    
    --font-main: 'Inter', system-ui, -apple-system, sans-serif;
}

body {
    background-color: var(--background);
    font-family: var(--font-main);
    color: var(--text-main);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

/* Scrollbar Customizada */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Animações Globais */
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.fade-in { animation: fadeIn 0.4s ease-out forwards; }

.cursor-pointer { cursor: pointer; }

/* Utilitários de Impressão */
@media print {
    body * { visibility: hidden; }
    #receipt-area, #receipt-area * { visibility: visible; }
    #receipt-area { position: absolute; left: 0; top: 0; width: 100%; }
}