/* Meet & Greet Events — tokens de marca
   Fuente: 02. MANUAL DE MARCA / MANUAL DE MARCA.pdf (2026, Solange Olivares)
   Los valores son los IMPRESOS en el manual, no muestreados del PNG:
   la conversión PDF->PNG corre el color (Mulberry sale #B85992 en pixel vs
   #CB529A en la especificación). Ante duda, manda el manual. */

:root {
  /* ---- Paleta principal (p15).
     El manual la asigna a "piezas corporativas, SITIO WEB y comunicaciones
     principales". Es la paleta del sitio. ---- */
  --mg-blues:     #160F3E;  /* fondo oscuro dominante y color de texto */
  --mg-mulberry:  #CB529A;  /* destacados y energía de marca */
  --mg-keppel:    #00B1A3;  /* acento principal: CTAs y estados activos */
  --mg-pure:      #FFFFFF;

  /* ---- Paleta secundaria (p15).
     Solo para variedad, jerarquía o destacar. NUNCA reemplaza a la principal. ---- */
  --mg-coral:     #F35372;
  --mg-sky:       #5DB8DF;
  --mg-green:     #75BC51;
  --mg-lime:      #D6D42B;
  --mg-plum:      #691F50;

  /* Gradient direction supplied by Rob, September 8, v12.
     These vivid display colors supplement the flat brand palette above. */
  --mg-gradient-pink: #FF3974;
  --mg-gradient-fuchsia: #F72C93;
  --mg-gradient-cyan: #00B7CA;
  --mg-gradient-emerald: #00B88C;
  --mg-gradient-green: #48C044;
  --mg-gradient-yellow: #DFDF00;
  --mg-gradient-deep: #080322;
  --mg-gradient-spectrum: linear-gradient(110deg, #FF3974 0%, #F72C93 24%, #00B7CA 55%, #00B88C 72%, #080322 100%);
  --mg-gradient-current: linear-gradient(105deg, #00ADB7 0%, #00B88C 23%, #48C044 32%, #00B88C 45%, #00B88C 82%, #48C044 100%);
  --mg-gradient-field: radial-gradient(ellipse at 76% 0%, #DFDF00 0%, #DFDF00 5%, #00B88C 28%, transparent 52%), linear-gradient(105deg, #080322 12%, #160F3E 29%, #007CB9 54%, #00B7CA 80%, #00B88C 100%);
  --mg-gradient-type: linear-gradient(110deg, #FF3974 4%, #F72C93 25%, #00C4CD 62%, #48DC98 88%, #00C4CD 100%);

  /* Fine, static depth on full white and navy surfaces. */
  --mg-dot-step: 18px;
  --mg-dots-on-white: radial-gradient(circle, #160F3E24 .8px, transparent .95px);
  --mg-dots-on-navy: radial-gradient(circle, #FFFFFF1A .8px, transparent .95px);

  /* ---- Roles semánticos: usar ESTOS en los componentes, no los de arriba.
     Así se reskinea sin tocar el markup. ---- */
  --bg:           var(--mg-blues);
  --bg-alt:       var(--mg-pure);
  --text:         var(--mg-pure);
  --text-invert:  var(--mg-blues);
  --accent:       var(--mg-keppel);
  --accent-2:     var(--mg-mulberry);
  --rule:         rgba(255,255,255,.16);

  /* ---- Tipografía (p18-p20) ----
     Principal:   CS Gordon              (titulares)  — LICENCIA COMERCIAL
     Secundaria:  Burford Rustic Line Bold (destaques) — LICENCIA COMERCIAL
     Digital:     Manrope                (interfaces) — OFL, gratis, Google Fonts

     Para web mandamos con Manrope: el manual ya se la asigna a "aplicaciones
     digitales y elementos funcionales... interfaces". Usar CS Gordon en el sitio
     exige comprar licencia WEBFONT aparte (la de escritorio no cubre @font-face).
     Mientras no exista esa licencia, --font-display apunta a Manrope ExtraBold. */
  --font-display: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --w-light: 300; --w-regular: 400; --w-medium: 500;
  --w-semibold: 600; --w-bold: 700; --w-extrabold: 800;

  /* ---- Escala. NO viene del manual: es decisión nuestra, ajustable. ---- */
  --step--1: clamp(.83rem, .8rem + .15vw, .94rem);
  --step-0:  clamp(1rem, .95rem + .25vw, 1.13rem);
  --step-1:  clamp(1.35rem, 1.2rem + .7vw, 1.8rem);
  --step-2:  clamp(1.8rem, 1.4rem + 1.8vw, 3rem);
  --step-3:  clamp(2.4rem, 1.6rem + 3.6vw, 5rem);

  --space-1: .5rem;  --space-2: 1rem;  --space-3: 1.5rem;
  --space-4: 2.5rem; --space-5: 4rem;  --space-6: 6.5rem;
  --measure: 62ch;
  --radius: 0;              /* el sistema es geométrico y duro, sin redondeo */
}