/*
  Retícula — declaración de capas.

  Este archivo solo contiene la línea de abajo, y es el más importante
  del tema.

  Al declarar el orden de las capas antes de que cargue cualquier otra
  hoja, la precedencia deja de depender del orden de encolado. Una regla
  escrita en una capa posterior gana aunque su selector sea menos
  específico.

  Consecuencia práctica: no hace falta ni un !important en todo el
  sistema, y el CSS del plugin nunca pelea con el del tema.

  reset        reseteo del navegador
  tokens       variables del sistema de diseño (las escribe el plugin)
  base         tipografía base, foco, suelo de accesibilidad
  layout       rejilla maestra y áreas
  componentes  elementos del constructor
  utilidades   clases sueltas
  custom       CSS del usuario, siempre el último
*/

@layer reset, tokens, base, layout, componentes, utilidades, custom;