/* CitedBy — tokens de marca (fuente única de verdad) */
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;500;700;800;900&family=Newsreader:ital,opsz,wght@0,6..72,400;1,6..72,400;1,6..72,500&display=swap');

:root{
  --graphite:#202329;   /* texto y fondos oscuros */
  --paper:#FFFFFF;      /* fondo principal */
  --mist:#F1F3F6;       /* fondo secundario, frío */
  --violet:#5B3DF5;     /* color de marca: la cita */
  --violet-soft:#ECE8FF;
  --marker:#FFE45C;     /* subrayador: solo sobre lo que la IA cita */
  --teal:#0E8C7F;       /* positivo / correcto */
  --coral:#E5484D;      /* negativo / error */
  --slate:#5E6573;      /* texto secundario */
  --rule:#DDE1E8;       /* líneas */

  --sans:'Schibsted Grotesk',Arial,sans-serif;
  --serif:'Newsreader',Georgia,serif;
}

/* Marca de cita: el elemento distintivo de la marca */
.cite{display:inline-flex;align-items:center;justify-content:center;min-width:1.35em;height:1.35em;padding:0 .3em;border-radius:.4em;background:var(--violet);color:#fff;font-family:var(--sans);font-weight:800;font-size:.55em;vertical-align:super;line-height:1}
.mark{color:var(--graphite);background:linear-gradient(transparent 12%,var(--marker) 12%,var(--marker) 88%,transparent 88%);padding:0 .15em}

.logo{font-family:var(--sans);font-weight:900;letter-spacing:-.04em;color:var(--graphite);white-space:nowrap}
.logo .cite{font-size:.5em;margin-left:.08em}
.logo.inverse{color:#fff}