/* Goodman Live · design tokens · v3 (2026-10-20) · paleta dorado / morado / naranja
   Fuente única: Plus Jakarta Sans (Google Fonts, 400/500/600/700/800).
   Tema: <html data-theme="light|dark">. Sin data-theme → prefers-color-scheme.
   El dorado es marca Y Discover (el canal principal lleva el color de la casa).
   Los demás mediums llevan color semántico fijo. El chart se apila por medium en todos los anchos. */

/* E1 bis · A2 · fuente autoalojada (variable 200-800, subconjunto latin, 27 KB) con preload en cada HTML y font-display: swap.
   Antes: hoja de Google Fonts (3 saltos de red en el camino crítico: CSS → fonts.gstatic → woff2). */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('fonts/plus-jakarta-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Tipografía */
  --font: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px;
  --fs-24: 24px; --fs-26: 26px; --fs-34: 34px;

  /* Espaciado y radios */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px;
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px;

  /* Marca */
  --brand: #F5B400;
  --brand-ink: #111827;

  /* Semántico de medium (claro) */
  --m-discover: #F5B400;   /* dorado */
  --m-search:   #6E3CC9;   /* morado */
  --m-news:     #F0641E;   /* naranja */
  --m-social:   #2E86DE;   /* azul */
  --m-internal: #1D9E8F;   /* teal */
  --m-direct:   #9AA3B2;   /* gris */
  --m-others:   #D1D5DB;   /* gris claro */

  /* Tema claro (por defecto) */
  --bg: #F4F5F7;
  --card: #FFFFFF;
  --border: #E5E7EB;
  --divider: #EEF0F3;
  --track: #F4F5F7;
  --text: #111827;
  --muted: #5B6472;
  --ink-strong: #111827;        /* marcador "ahora", sparklines, barras neutras */
  --brand-tint: #FFF4CC;        /* nav activo, franja de alerta */
  --brand-tint-border: #F5D77A;

  --up: #15803D;  --down: #B91C1C;

  /* Pastillas calidad editorial (verde / ámbar / rojo) */
  --q-high-bg: #DCFCE7; --q-high-fg: #166534;
  --q-mid-bg:  #FEF3C7; --q-mid-fg:  #92400E;
  --q-low-bg:  #FEE2E2; --q-low-fg:  #991B1B;

  /* Badges de medium. Discover va en dorado SÓLIDO con texto negro (como el logo);
     el resto fondo tintado + texto oscuro */
  --b-discover-bg: #F5B400; --b-discover-fg: #111827;
  --b-search-bg:   #EFE7FB; --b-search-fg:   #4B1F9E;
  --b-news-bg:     #FFE4D1; --b-news-fg:     #9A3412;
  --b-social-bg:   #DBEAFE; --b-social-fg:   #1E40AF;
  --b-internal-bg: #DDF5F1; --b-internal-fg: #0F6B61;
  --b-direct-bg:   #F1F5F9; --b-direct-fg:   #334155;

  --ghost: #9CA3AF;             /* línea "ayer" */
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0F1115; --card: #171A21; --border: #262B35; --divider: #20242D; --track: #262B35;
    --text: #F3F4F6; --muted: #9AA3B2; --ink-strong: #F3F4F6;
    --brand-tint: #2A2410; --brand-tint-border: #5C4A10;
    --up: #4ADE80; --down: #F87171;
    --m-discover: #F5B400; --m-search: #9B6DF0; --m-news: #F97B3A; --m-social: #4D9DEB; --m-internal: #2FB8A8; --m-direct: #7B8494; --m-others: #4B5563;
    --q-high-bg: #0B2E1F; --q-high-fg: #6EE7B7;
    --q-mid-bg:  #3A2A05; --q-mid-fg:  #FCD34D;
    --q-low-bg:  #3B0F0F; --q-low-fg:  #FCA5A5;
    --b-discover-bg: #F5B400; --b-discover-fg: #111827;
    --b-search-bg:   #2A1A4F; --b-search-fg:   #C4B5FD;
    --b-news-bg:     #3A1E08; --b-news-fg:     #FDBA74;
    --b-social-bg:   #0F2A4A; --b-social-fg:   #93C5FD;
    --b-internal-bg: #0B2E2B; --b-internal-fg: #6EE7D8;
    --b-direct-bg:   #1E293B; --b-direct-fg:   #CBD5E1;
    --ghost: #6B7280;
  }
}

:root[data-theme="dark"] {
  --bg: #0F1115; --card: #171A21; --border: #262B35; --divider: #20242D; --track: #262B35;
  --text: #F3F4F6; --muted: #9AA3B2; --ink-strong: #F3F4F6;
  --brand-tint: #2A2410; --brand-tint-border: #5C4A10;
  --up: #4ADE80; --down: #F87171;
  --m-discover: #F5B400; --m-search: #9B6DF0; --m-news: #F97B3A; --m-social: #4D9DEB; --m-internal: #2FB8A8; --m-direct: #7B8494; --m-others: #4B5563;
  --q-high-bg: #0B2E1F; --q-high-fg: #6EE7B7;
  --q-mid-bg:  #3A2A05; --q-mid-fg:  #FCD34D;
  --q-low-bg:  #3B0F0F; --q-low-fg:  #FCA5A5;
  --b-discover-bg: #F5B400; --b-discover-fg: #111827;
  --b-search-bg:   #2A1A4F; --b-search-fg:   #C4B5FD;
  --b-news-bg:     #3A1E08; --b-news-fg:     #FDBA74;
  --b-social-bg:   #0F2A4A; --b-social-fg:   #93C5FD;
  --b-internal-bg: #0B2E2B; --b-internal-fg: #6EE7D8;
  --b-direct-bg:   #1E293B; --b-direct-fg:   #CBD5E1;
  --ghost: #6B7280;
}

html, body { background: var(--bg); color: var(--text); font-family: var(--font); font-variant-numeric: tabular-nums; }

/* Breakpoints de referencia: 1100 (columna derecha baja), 720 (móvil: sidebar → bottom bar, KPIs → carrusel, filas → cards). */