/**
 * AND marca — tokens compartidos (sitio Laravel + portal embebido).
 * Cargar antes de style.css en cualquier capa que use var(--and-*).
 */
:root {
    --and-blue: #0064b0;
    --and-blue-deep: #003a70;
    /* Drawer / zonas intermedias sobre azul marca */
    --and-blue-muted: #0055a0;
    --and-blue-soft: rgba(0, 100, 176, 0.09);
    --and-blue-rgb: 0, 100, 176;

    --and-ease: cubic-bezier(0.16, 1, 0.3, 1);

    --and-font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --and-letter-snug: -0.03em;

    --and-radius-card: 12px;
    --and-radius-pill: 980px;

    /* Alias compat (Andy / scripts legacy) */
    --andy-blue: var(--and-blue-deep);
}