/* Startup Riders — brand tokens (consumidos por la landing en F3).
   MARCA DEL CLIENTE, nunca Encabo. Extraido del sitio en vivo:
   theme-color #f5f5f1 (cream) + logo amarillo/negro. El azul #2096ff del HTML
   es el color de enlace por defecto de Substack, NO la marca: descartado. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root {
  /* --- Color: papel cream, tinta casi-negra, accion amarilla --- */
  --brand-bg:        #f5f5f1;  /* cream paper — theme-color real del sitio */
  --brand-bg-2:      #ecece7;  /* seccion alterna, cream mas profundo */
  --brand-surface:   #ffffff;  /* tarjetas sobre cream, dan profundidad */
  --brand-ink:       #111114;  /* texto principal, casi negro */
  --brand-ink-soft:  #4d4d4c;  /* texto secundario — AA sobre cream (~8:1) */
  --brand-border:    #e2e2dd;  /* bordes calidos */

  --brand-yellow:      #fbfa00; /* Riders Yellow — accion + highlight (del logo) */
  --brand-yellow-dim:  #e4e300; /* hover del CTA amarillo */
  --brand-yellow-ink:  #111114; /* texto NEGRO sobre amarillo — contraste ~19:1 (AAA) */
  --brand-black:       #0a0a0a; /* secciones oscuras, footer, boton secundario */
  --brand-on-black:    #f5f5f1; /* texto cream sobre negro */

  /* --- Tipografia --- */
  --font-display: "Space Grotesk", system-ui, -apple-system, sans-serif; /* headlines */
  --font-text:    "Inter", system-ui, -apple-system, sans-serif;          /* cuerpo */
  --font-mono:    "Space Mono", ui-monospace, "SFMono-Regular", monospace; /* metricas/datos */

  /* --- Forma --- */
  --radius:    14px;
  --radius-sm: 8px;
  --shadow:    0 1px 2px rgba(17,17,20,.06), 0 12px 32px rgba(17,17,20,.08);
  --shadow-cta: 0 6px 20px rgba(251,250,0,.35);
  --maxw:      1120px;
}