:root {
    --bg-body: #f4f7f5;
    --bg-navbar: #ffffff;
    --text-main: #111827;
    --text-muted: #6b7280;
    
    --accent: #16a34a;          /* Verde principal */
    --accent-hover: #15803d;    /* Verde oscuro hover */
    --accent-light: #dcfce7;    /* Verde claro activo */
    --danger: #ef4444;          /* Rojo para salir */
    
    --border-color: #e5e7eb;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, sans-serif;
}

body {
    background-color: var(--bg-body);
    color: var(--text-main);
}