/* Pressent — Color tokens (producción pressent.mx) */
/* La paleta vieja pastel azul/verde/amarillo NO aplica. Solo estos hex. */

:root {
  /* ---- Base palette ---- */
  /* Texto */
  --headline: #1D2F34;   /* verde-petróleo oscuro — títulos serif (no negro) */
  --ink: #1F1F1F;        /* casi negro — cuerpo (nunca #000) */
  --ink-soft: #5A5F60;   /* gris cálido — texto secundario / captions */

  /* Acentos */
  --gold: #FDBD0B;        /* amarillo dorado — único color saturado, solo CTAs/énfasis */
  --gold-press: #E5A904;  /* gold pressed/active */
  --teal: #2B99B1;        /* teal — links e interactivos secundarios */
  --teal-hover: #27A1B4;  /* teal hover */

  /* Fondos y soportes */
  --bg-base: #FBFAF8;     /* off-white cálido — fondo default (NO #FFF) */
  --bg-alt: #F6F6F6;      /* gris claro — separar secciones */
  --surface-soft: #DBE6E5;       /* verde-grisáceo — cards/badges */
  --surface-soft-light: #ECF3F2; /* verde-grisáceo claro — hover/acentos sutiles */
  --line: #E5E7EB;        /* dividers, bordes finos */
  --white: #FFFFFF;       /* solo sobre fondos oscuros o imágenes */

  /* ---- Semantic aliases ---- */
  --text-heading: var(--headline);
  --text-body: var(--ink);
  --text-muted: var(--ink-soft);
  --text-on-dark: var(--white);
  --link: var(--teal);
  --link-hover: var(--teal-hover);

  --surface-page: var(--bg-base);
  --surface-section: var(--bg-alt);
  --surface-card: var(--white);
  --surface-card-soft: var(--surface-soft);
  --surface-hover: var(--surface-soft-light);
  --border: var(--line);

  --action-primary: var(--gold);
  --action-primary-press: var(--gold-press);
  --on-action-primary: var(--headline);
  --action-secondary: var(--teal);

  /* Dark surface (footers, video panels, financial dark sections) */
  --surface-dark: #1D2F34;
  --surface-dark-soft: #2A4147;
}