/* Tokens de diseño — ver DESIGN.md para la spec completa.
   Estética "Apple keynote": banners full-bleed claros/oscuros alternados,
   tipografía grande en negro, links de acento en azul. */
:root {
  /* Fondos — secciones claras */
  --bg: #ffffff;
  --bg-alt: #f5f5f7;
  --bg-alt-2: #e8e8ed;

  /* Fondos — secciones oscuras (banners tipo hero) */
  --bg-dark: #000000;
  --bg-dark-alt: #1d1d1f;
  --bg-dark-alt-2: #2d2d2f;

  /* Bordes */
  --border: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.14);
  --border-dark: rgba(255, 255, 255, 0.14);
  --border-dark-strong: rgba(255, 255, 255, 0.24);

  /* Texto sobre fondo claro */
  --text-1: #1d1d1f;
  --text-2: #424245;
  --text-3: #6e6e73;
  --text-4: #86868b;

  /* Texto sobre fondo oscuro */
  --text-inverse-1: #f5f5f7;
  --text-inverse-2: #d2d2d7;
  --text-inverse-3: #a1a1a6;

  /* Accent — azul (links, CTAs, focus) */
  --accent-blue: #0070c9;
  --accent-blue-hover: #0077ed;
  --accent-blue-soft: rgba(0, 112, 201, 0.1);

  /* Toque de marca heredado (uso puntual, no dominante) */
  --accent-gold: #c9a959;

  /* Acento naranja para el tag "NEW"-style del servicio destacado */
  --accent-orange: #ff5b1e;

  /* RGB helpers */
  --bg-dark-rgb: 0, 0, 0;
  --bg-rgb: 255, 255, 255;

  /* Semánticos */
  --success: #1d7a3c;
  --error: #d4432f;

  /* Tipografía — Montserrat en todo el sitio, variando tamaño y grosor entre títulos y descripciones */
  --font-display: 'Montserrat', -apple-system, 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Montserrat', -apple-system, 'Segoe UI', system-ui, sans-serif;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* Radios */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Contenedores */
  --container-max: 1180px;
  --container-narrow: 680px;

  /* Motion — Tier L1 */
  --ease-standard: cubic-bezier(.2, 0, 0, 1);
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 280ms;
}