/* ============================================================
   OWN · SISTEMA DE IDENTIDAD (tokens)
   Fuente única de verdad del diseño de toda la web de OWN.
   Manual de identidad v1.0. Para cambiar el look de TODO,
   edita SOLO los valores de este bloque.
   Regla de oro: color de MARCA = identidad · color SEMÁNTICO
   = estado. Nunca se cruzan.
   ============================================================ */
:root{
  color-scheme: light;

  /* ---------- MARCA ---------- */
  --brand:#5B5BF0;          /* índigo · color principal */
  --brand-2:#7C5CF5;        /* violeta · segundo tono */
  --brand-soft:#EEEEFC;     /* fondo suave de marca / pills */
  --brand-tinta:#4740D6;    /* texto de marca sobre claro */
  --hero:linear-gradient(135deg,#5B5BF0,#7C5CF5);  /* degradado héroe (solo héroe) */

  /* ---------- SEMÁNTICOS (solo estado) ---------- */
  --exito:#12B76A;   --exito-soft:#E7F7EF;   --exito-tinta:#0E7A4B;   --exito-borde:#C7ECD9;
  --aviso:#E79613;   --aviso-soft:#FBEFD6;   --aviso-tinta:#9A6A15;   --aviso-borde:#F1D9A8;
  --critico:#E5484D; --critico-soft:#FBE9E7; --critico-tinta:#B42318; --critico-borde:#F3C9C6;
  --info:#3B82F6;    --info-soft:#E7EEFB;    --info-tinta:#2B5F9E;    --info-borde:#CBDCF7;

  /* ---------- NEUTROS ---------- */
  --tinta:#14161F;          /* texto principal / superficies oscuras */
  --tinta2:#1E2233;         /* oscuro secundario (callouts) */
  --apagado:#6B7180;        /* texto secundario */
  --borde:#ECEEF7;          /* líneas y bordes */
  --fondo:#F3F4FB;          /* fondo de página */
  --blanco:#ffffff;
  --plata:#9AA1B2;          /* atenuado sobre fondo oscuro */
  --plata-clara:#EEF0FA;    /* hover / chips claros */
  --borde-fuerte:#D5DBE5;   /* borde con cuerpo: guías de árbol, marcas vacías, huecos */

  /* ---------- SUPERFICIES OSCURAS ----------
     La entrada y la cabecera van sobre oscuro, y ahí --tinta y
     --tinta2 no bastaban: faltaba el relieve y el borde. */
  --tinta3:#2B2F52;         /* relieve sobre oscuro (inicio de degradados) */
  --tinta-honda:#0E1018;    /* campos de texto hundidos sobre oscuro */
  --borde-oscuro:#2F3350;   /* líneas y bordes sobre oscuro */

  /* ---------- CATEGORÍAS (solo para distinguir familias) ----------
     Ni marca ni estado: sirven para que un inmueble, un fondo o una
     sociedad se distingan de un vistazo en leyendas, franjas y
     etiquetas. Antes se pintaban con los colores de estado (un
     inmueble en el ámbar de «aviso», un fondo en el azul de «info»),
     cruzando la regla de oro. Apagados a propósito: no gritan. */
  --cat-ocre:#9A6A15;
  --cat-azul:#2B5A86;
  --cat-violeta:#6A4FB0;
  --cat-verde:#2F6F4F;
  --cat-turquesa:#2B8A7A;
  --cat-magenta:#A63B7A;   --cat-magenta-soft:#F3E8EF;
  --cat-pizarra:#55617A;
  --cat-granate:#A04141;

  /* ---------- MARCAS AJENAS ----------
     Solo donde el botón ES de esa marca y tiene que reconocerse. */
  --whatsapp:#25D366;

  /* ---------- TIPOGRAFÍA ---------- */
  --sans:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;  /* solo specs técnicas */

  /* ---------- FORMA ---------- */
  --r-xs:4px;   /* marcas pequeñas: barras finas, subrayados, puntos de estado */
  --r-s:8px; --r-m:12px; --r-l:18px; --r-pill:999px;
  --sombra:0 1px 3px rgba(20,22,31,.06);
  --sombra-alta:0 12px 30px rgba(20,22,31,.14);

  /* ---------- ALIAS DE COMPATIBILIDAD ----------
     El código actual usa estos nombres antiguos; los
     redirigimos al sistema nuevo para no tocar mil sitios. */
  --marino:var(--tinta);
  --marino2:var(--tinta2);
  --acento:var(--brand);
  --dorado:var(--brand);
  --ok:var(--exito);
  --cobrado:var(--exito);
  --alerta:var(--critico);
  --azul:var(--info);
  --linea:var(--borde);
  --suave:var(--apagado);
  --papel:var(--fondo);
  --plata-clara:var(--plata-clara);
  --banda-verde:var(--exito-soft);
}