/* Marca Saneo — tokens canónicos.
 * Fuente: BRANDBOOK_SANEO.pdf (Sol y Mar Studio, julio 2026).
 *
 * ALCANCE: superficies de Saneo-empresa FUERA del monorepo — decks, landings
 * sueltas, emails standalone, piezas de una sola vez.
 *
 * DENTRO del monorepo NO uses este archivo: consume la fuente de verdad de cada
 * app para no crear un cuarto lugar donde vive la marca.
 *   · Dashboard → apps/dashboard/src/app/globals.css  (--color-saneo-*)
 *   · Móvil     → apps/mobile/src/constants/colors.ts (Colors.brand.*)
 *   · Emails    → apps/dashboard/src/lib/email/templates/base-layout.ts
 *
 * Nunca para UI de tenant: eso sale de tenant_branding.
 */

:root {
  /* ── Paleta oficial (brandbook, p. 12) ─────────────────────────────── */
  --saneo-cloud-blue: #2f87f2;
  --saneo-lavender: #7918ff;
  --saneo-sand: #eae4df;
  --saneo-graphite: #272729;
  --saneo-mint: #4ac8ac; /* SOLO detalle sobre grafito/negro. Nunca fondo.
                            Nunca sobre lavender ni sobre cloud blue. */

  /* ── Extensiones de producto (NO están en el brandbook) ─────────────
     Derivadas en el rediseño jul-2026 para estados, superficies y hover.
     Espejan apps/mobile/src/constants/colors.ts. */
  --saneo-lavender-deep: #5b0fc4;
  --saneo-lavender-soft: #f1e8ff;
  --saneo-blue-soft: #e3effe;
  --saneo-sand-light: #f5f1ed;
  --saneo-graphite-deep: #1c1c1e;

  /* ── Degradados ─────────────────────────────────────────────────────
     El brandbook los define como formas orgánicas, no como paradas fijas.
     Estas son las del producto; el dashboard tiene las suyas afinadas en
     globals.css — si trabajas ahí, usa esas. */
  --saneo-gradient-lavender: linear-gradient(135deg, #7918ff 0%, #5b0fc4 100%);
  --saneo-gradient-hero: linear-gradient(
    200deg,
    #6410d6 0%,
    #7918ff 36%,
    #5a5bff 70%,
    #2f87f2 100%
  );

  /* ── Tipografía ─────────────────────────────────────────────────────
     Sustitutos licenciables (OFL) de las fuentes del brandbook, que son
     trial y no se pueden embeber. Ver SKILL.md §1.
       Artific Super Light        → Urbanist 200/300   (display, 70%)
       CF Christmas Stitch        → Doto 600           (detail,  10%)
       Neue Haas Grotesk Display  → Inter 400/500/600  (body,    20%) */
  --saneo-font-display: "Urbanist", system-ui, sans-serif;
  --saneo-font-body: "Inter", system-ui, sans-serif;
  --saneo-font-detail: "Doto", ui-monospace, monospace;

  /* Reglas de marca, expresadas como tokens para que no se pierdan. */
  --saneo-display-weight: 200;
  --saneo-display-tracking: -0.03em;
  --saneo-display-leading: 1.05;
  --saneo-display-transform: lowercase; /* el display SIEMPRE en minúsculas */

  --saneo-detail-weight: 600;
  --saneo-detail-tracking: 0.14em;
  --saneo-detail-transform: uppercase; /* el detail SIEMPRE en mayúsculas */
}

/* Google Fonts — las tres caras licenciables.
   @import va antes de cualquier regla; muévelo al inicio del archivo si copias
   este bloque a otro sitio.

   @import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@200;300&family=Inter:wght@400;500;600&family=Doto:wght@600&display=swap");
*/

.saneo-display {
  font-family: var(--saneo-font-display);
  font-weight: var(--saneo-display-weight);
  letter-spacing: var(--saneo-display-tracking);
  line-height: var(--saneo-display-leading);
  text-transform: var(--saneo-display-transform);
}

.saneo-detail {
  font-family: var(--saneo-font-detail);
  font-weight: var(--saneo-detail-weight);
  letter-spacing: var(--saneo-detail-tracking);
  text-transform: var(--saneo-detail-transform);
  font-size: 10px; /* rango de marca: 8.5–11px */
}

.saneo-body {
  font-family: var(--saneo-font-body);
  font-weight: 400;
  letter-spacing: 0;
}