/*
  GenesisMarketingSEO — tokens de diseño
  Base nórdica (calma, aire, jerarquía) + calidez tapatía: planos de color
  al estilo Barragán, piedra de cantera, terracota y el morado de las
  jacarandas que florecen en Guadalajara cada primavera.
  Los colores de marca del cliente (p. ej. Proreg) se inyectan en --marca.
*/
:root {
  /* Superficies */
  --cal: #f7f4ef;          /* fondo: muro encalado, cálido, nunca blanco puro */
  --superficie: #ffffff;
  --cantera: #efe6d8;      /* planos suaves: piedra de cantera */
  --linea: #e4ddd1;

  /* Texto */
  --tinta: #1c2440;        /* azul casi negro: confianza, no frialdad */
  --tinta-2: #5b6177;
  --tinta-3: #8b8fa0;

  /* Acentos */
  --terracota: #c0552d;    /* acción principal */
  --terracota-suave: #f6e3d9;
  --azul: #243f8f;         /* azul profundo: datos, enlaces */
  --azul-suave: #e3e8f5;
  --jacaranda: #7a5ba6;    /* detalle local, se usa con moderación */
  --jacaranda-suave: #ece6f4;
  --agave: #3c7a5f;        /* positivo */
  --agave-suave: #e1efe8;
  --chile: #b3261e;        /* negativo / alerta */

  --marca: var(--terracota);

  /* Tipografía: Segoe UI (Windows) y Open Sans donde no existe; tamaños generosos */
  --fuente: "Segoe UI", "Open Sans", system-ui, -apple-system, Roboto, sans-serif;
  --t-xs: 0.8125rem;
  --t-s: 0.9375rem;
  --t-m: 1.0625rem;
  --t-l: 1.375rem;
  --t-xl: 2rem;
  --t-xxl: clamp(2.25rem, 5vw, 3.25rem);

  /* Espacio (escala 4px) — preferir mucho aire */
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 24px;
  --e-6: 32px; --e-7: 48px; --e-8: 64px;

  /* Estilo mosaicos (ver mosaicos.css): esquinas rectas y sin sombras */
  --radio: 2px;
  --radio-s: 2px;
  --sombra: none;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --cal: #14171f;
    --superficie: #1c2029;
    --cantera: #262a33;
    --linea: #2e333d;
    --tinta: #f1ede6;
    --tinta-2: #b4b6c0;
    --tinta-3: #858895;
    --terracota: #e0764e;
    --terracota-suave: #3a2720;
    --azul: #8ea6ec;
    --azul-suave: #232b41;
    --jacaranda: #b59be0;
    --jacaranda-suave: #2d2639;
    --agave: #6fbf98;
    --agave-suave: #1f3129;
    --chile: #f0877f;
    --sombra: none;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --cal: #14171f;
  --superficie: #1c2029;
  --cantera: #262a33;
  --linea: #2e333d;
  --tinta: #f1ede6;
  --tinta-2: #b4b6c0;
  --tinta-3: #858895;
  --terracota: #e0764e;
  --terracota-suave: #3a2720;
  --azul: #8ea6ec;
  --azul-suave: #232b41;
  --jacaranda: #b59be0;
  --jacaranda-suave: #2d2639;
  --agave: #6fbf98;
  --agave-suave: #1f3129;
  --chile: #f0877f;
  --sombra: none;
  color-scheme: dark;
}