/* ============================================================
   Eurekant — Capa de marca compartida (brand tokens)
   Único lugar donde viven los colores, fuentes y radios de la
   marca. Todas las páginas de Eurekant enlazan este archivo.
   Para recolorear/retipar la marca entera: editá SOLO esto.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&family=Raleway:ital,wght@0,300..800;1,300..800&family=JetBrains+Mono:wght@300;400;500;600&display=swap');

:root {
  /* ---- Tipografías ---- */
  --font-heading: 'Teachers', system-ui, sans-serif;
  --font-body:    'Raleway', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* ---- Azul de marca ---- */
  --brand-denim:        #137dc5;   /* primario */
  --brand-picton:       #2199ea;   /* acento brillante */
  --brand-picton-light: #63b7f0;
  --brand-denim-light:  #59a4d6;
  --brand-gradient: linear-gradient(135deg, #2199ea 20%, #137dc5);

  /* ---- Paleta del tema oscuro ---- */
  --brand-bg:         #060813;
  --brand-bg-alt:     #0a0e1c;
  --brand-surface:    #0f1424;
  --brand-surface-hi: #141a30;
  --brand-line:        rgba(120,140,210,0.10);
  --brand-line-strong: rgba(120,140,210,0.22);
  --brand-text:      #e7ecff;
  --brand-text-dim:  rgba(231,236,255,0.62);
  --brand-text-mute: rgba(231,236,255,0.40);

  /* acentos (mapeados al azul de marca) */
  --brand-accent:      var(--brand-picton);
  --brand-accent-2:    var(--brand-picton-light);
  --brand-accent-3:    var(--brand-denim-light);
  --brand-accent-glow: rgba(33,153,234,0.45);

  /* funcionales */
  --brand-ok:   #5cf0b8;
  --brand-warn: #ffb86b;

  /* ---- Radios ---- */
  --radius-control: 12px;
  --radius-card:    24px;
  --radius-panel:   32px;
}

/* ---- Base compartida entre páginas ---- */
html, body { margin: 0; padding: 0; background: var(--brand-bg); scroll-behavior: smooth; }
body { font-family: var(--font-body); color: var(--brand-text); overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }

::selection { background: var(--brand-picton); color: #fff; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--brand-bg); }
::-webkit-scrollbar-thumb { background: rgba(33,153,234,0.28); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(33,153,234,0.5); }

/* ---- Footer: columnas responsivas (evita que textos largos —
   emails, @handles— fuercen cortes de palabra feos) ---- */
.ek-footer-grid {
  display: grid;
  grid-template-columns: minmax(240px, 2fr) minmax(90px, 0.7fr) minmax(120px, 0.9fr) minmax(170px, 1fr) minmax(120px, 1fr);
  gap: 48px;
}
@media (max-width: 1180px) {
  .ek-footer-grid { grid-template-columns: 1fr 1fr; }
  .ek-footer-grid > *:first-child { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .ek-footer-grid { grid-template-columns: 1fr; }
}