/* LAS FICHAS DE LA APP Y DE LAS PÁGINAS PÚBLICAS — la estética «papel, vidrio y faro»
   (decisión de Fernando del 30/10/2026). Un solo lugar donde vive cada color y
   cada tipografía: index.html y paginas.css las nombran por su ROL, no por su
   color, para poder ajustar un valor sin tocar ningún componente.

   Lo que NO vive acá, a propósito, y no cambia: el logo (Bricolage, blanco,
   lima #B4D200 y el punto ámbar), la isla y las gaviotas, las ilustraciones, los
   colores de la decoración de las botellas (son datos que viajan a la base), el
   mar y su ventana, los ámbares, los rojos de alerta y los cremas de la carta.
   El detalle, en ESTETICA.md; el inventario de cada aparición, en
   docs/estetica/INVENTARIO.md (herramientas/inventario-estetica.mjs).

   ⚠ herramientas/aplicar-estetica.mjs LEE ESTE ARCHIVO para saber el valor de
   cada ficha cuando tiene que escribirlo literal (un <meta>, el manifiesto, un
   color con transparencia). Una ficha nueva se agrega acá y en ningún otro
   lado. */
:root{
  /* suelo y superficies */
  --sb-suelo:            #F6F3EA; /* papel cálido, el fondo de toda la app      */
  --sb-superficie:       #FFFDF8; /* tarjetas (antes #fff)                       */
  --sb-superficie-2:     #FFFDF8; /* bloques dentro de cajas (antes #fbfdf7)     */
  --sb-hover:            #EEF4EF; /* lavado al pasar (antes #f3f7ea)             */
  --sb-vidrio-claro:     #E3EEE8; /* pastillas, bloques suaves (antes #EDF3E1)   */

  /* tintas */
  --sb-tinta:            #1F2E2A; /* texto principal (antes #24312A)             */
  --sb-titulo:           #1F3D36; /* títulos y verde oscuro (antes #37451C)      */
  --sb-vidrio:           #2F6B5C; /* verde de acento, enlaces (antes #566A2C)    */
  --sb-vidrio-medio:     #3F5A50; /* texto secundario verde (antes #4D5A2A)      */
  --sb-texto-2:          #3A4A44; /* texto de lectura gris (antes #4a4a42)       */
  --sb-apagado:          #56645E; /* atenuado (antes #6d7a68 y #657161)          */
  --sb-apagado-2:        #5E6B65; /* atenuado (antes #707861 y #707665)          */
  --sb-nota:             #5B6F67; /* notas al pie (antes #75823f)                */
  --sb-nav-inactiva:     #7C8A84; /* iconos del menú sin elegir (antes #9AA588)  */

  /* bordes */
  --sb-borde:            #E6E0D0; /* borde estándar (antes #e2e8d5)              */
  --sb-borde-pastilla:   #BFD6CB; /* (antes #cfdd9e)                             */
  --sb-borde-suave:      #CFDDD5; /* (antes #cdd8b4)                             */
  --sb-borde-boton:      #D9D3C2; /* botón secundario (antes #d8ddc6)            */

  /* marco */
  --sb-marco:            #1F3D36; /* encabezado y pie (antes #57575A, gris)       */

  /* relleno de control (lo que antes era el lima usado como botón o chip) */
  --sb-control:          #2F6B5C;
  --sb-control-texto:    #FFFDF8;
  --sb-control-suave:    #DCEBE3; /* chip elegido de fondo claro, si hace falta  */

  /* tipografías (§5): Lora para los títulos y el texto de las botellas,
     Hanken para todo lo demás, Bricolage solo para el logo */
  --sb-serif: 'Lora', Georgia, 'Times New Roman', serif;
  --sb-sans:  'Hanken Grotesk', system-ui, sans-serif;
  --sb-logo:  'Bricolage Grotesque', sans-serif;
}