/* ══════════════════════════════════════════════════════════════════════════
   Celestial Bound — los colores de Landing Gallery (2026-08-22)

   `brand/` es VENDORED del design system (claude.ai/design) y no se edita acá:
   se edita allá y se re-baja. Estos dos verdes son de la dirección nueva —
   `DESIGN.md` ya los declara — y todavía no viajaron en un re-download, así
   que viven en esta hoja, que es lo único que hay entre el vendored y las
   dos hojas de composición.

   Lo cargan LAS DOS entradas (index.html y app/index.html) porque los usan las
   dos: la landing en landing.css y el customer app en los <style> de sus rutas.
   Un token de campo copiado en dos hojas es un token que se separa solo.

   Cuando el design system los shippee, esta hoja se borra y los dos <link>
   con ella.
   ══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Leaf — el verde de la galería. Campo grande y quieto detrás de las
     ilustraciones, no un acento. Más cálido y más verde que --seagreen-100,
     que es el `--accent-quiet` de la marca y sigue siendo otra cosa. */
  --leaf-100: #DFE9D2;
  --leaf-200: #D8E4CC;
}