/* Marca de Pacific Paradise. Paleta REAL que ya usan las páginas (index.html, app-campo.css), escrita
   con nombres de uso. Hoy las páginas todavía traen sus propios :root; esta es la fuente de la guía
   /marca/ y la que deben leer las pantallas nuevas. Si hace falta otro tono, se agrega AQUÍ con su uso. */
:root{
  /* Marca */
  --marca:#b6f13a;            /* lima: botón principal (Buscar / Search), ofertas especiales. Solo como fondo o sobre oscuro, nunca texto sobre blanco */
  --marca-hover:color-mix(in srgb,var(--marca) 85%,#000); /* al pasar el mouse o tocar el botón principal */
  --marca-suave:color-mix(in srgb,var(--marca) 22%,#fff); /* fondos de chips y avisos de la marca */
  --sobre-marca:#0a0c12;      /* texto encima de --marca */
  --acento:#2e9bff;           /* azul: chips e insignias numéricas. Nunca texto largo */
  --sobre-acento:#ffffff;     /* texto encima de --acento (solo negritas grandes) */
  /* Neutros */
  --fondo:#ffffff;            /* fondo de página */
  --fondo-oscuro:#04070f;     /* héroe, encabezado y color del tema de la PWA */
  --fondo-escena:#1246e2;     /* escena azul detrás del héroe */
  --fondo-pie:#0a1533;        /* pie de página */
  --superficie:#f5f4f8;       /* tarjetas y secciones claras */
  --tinta:#0a0c12;            /* texto principal */
  --tinta-2:#4a515c;          /* texto secundario */
  --linea:#ededf0;            /* bordes y tarjetas grises */
  /* Estados (los de las apps de rol, app-campo.css) */
  --ok:#1D6A4B;      /* éxito: reserva pagada, llegada escaneada */
  --aviso:#875814;   /* atención */
  --error:#AC312A;   /* error */
  --info:#295F8A;    /* información */
  /* Tipografía: una sola familia */
  --display:'Mulish',ui-sans-serif,system-ui,sans-serif;
  --sans:'Mulish',ui-sans-serif,system-ui,sans-serif;
  --t-1:2.5rem; --t-2:1.75rem; --t-3:1.25rem; --t-texto:1rem; --t-chico:.875rem;
  /* Forma */
  --radio:16px; --radio-chico:10px; --sombra:0 1px 2px rgba(10,12,18,.06),0 8px 24px -12px rgba(10,12,18,.2);
}