/* public/assets/css/variables.css */
:root {
    /* Paleta Modo Claro (Flat Colors) */
    --bg-primary: #f8f9fa;
    --bg-surface: #ffffff;
    --bg-sidebar: #1e293b;
    
    --text-primary: #0f172a;
    --text-secondary: #64748b;
    --text-light: #f8fafc;

    --color-brand: #2563eb;       /* Azul primario */
    --color-success: #10b981;     /* Verde comprobaciones/ventas */
    --color-warning: #f59e0b;     /* Naranja alertas/stock bajo */
    --color-danger: #ef4444;      /* Rojo anulaciones/eliminar */
    --color-border: #e2e8f0;

    --font-main: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --radius-sm: 6px;
    --radius-md: 10px;
}

[data-theme="dark"] {
    /* Paleta Modo Oscuro */
    --bg-primary: #0f172a;
    --bg-surface: #1e293b;
    --bg-sidebar: #0f172a;

    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;

    --color-border: #334155;
}

body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-main);
    margin: 0;
    transition: background-color 0.3s ease, color 0.3s ease;
}