:root{
--hans-amarillo:#FBBC21;
--hans-amarillo-suave:#FFE271;
--hans-blanco:#FFFBE5;
--hans-negro:#2E2D2C;

--linea-mini-tarta:#2C9DB6;
--linea-vegana:#54A559;
--linea-integral:#AA7A4F;
--linea-artesanal:#CA4B2F;
--linea-copetin:#A781B9;

--surface-base:var(--hans-blanco);
--surface-alt:var(--hans-amarillo-suave);
--surface-strong:var(--hans-amarillo);
--surface-contrast:var(--hans-negro);
--surface-card:var(--hans-blanco);

--text-body:var(--hans-negro);
--text-muted:#6B6866;
--text-on-contrast:var(--hans-blanco);
--text-on-strong:var(--hans-negro);

--border-color:var(--hans-negro);
--border-width:2px;
--border-width-thick:3px;

--accent:var(--hans-negro);
--accent-mark:#CA4B2F;
--focus-ring:var(--hans-negro);
}