/* tokens de diseño: aquí van tus colores y tipografías */
:root {
  /* ⚠️ Sustituiremos estos valores por tus colores exactos cuando me confirmes los HEX */
  --color-primary: #0A84FF;   /* PRINCIPAL */
  --color-secondary: #0F2A43; /* SECUNDARIO oscuro */
  --color-accent: #F0B429;    /* ACENTO para detalles/CTAs */
  --color-bg: #ffffff;        /* Fondo */
  --color-text: #1a1a1a;      /* Texto principal */
  --color-muted: #6b7280;     /* Texto secundario */
  --color-titulos: #ffffff;     /* Texto secundario */

  /* Tipografías (ajustaremos si defines una Google Font) */
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --radius: 14px;
  --container: 1200px;

  /* Espaciados y sombras */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --shadow-1: 0 10px 25px rgba(0,0,0,.06);
  --shadow-2: 0 20px 50px rgba(0,0,0,.10);
}