/* ============================================================
   Teckio — tokens
   Copia de la fuente de verdad de teckio.mx (assets/css/tokens.css).
   Si un color no está aquí, o entra aquí o no se usa.
   ============================================================ */
:root {
  /* Marca */
  --navy:          #142A47;
  --navy-soft:     #1E3A5F;
  --navy-mid:      #29476A;
  --navy-deep:     #0D1C30;
  --orange:        #D97706;
  --orange-light:  #F59E0B;
  --orange-bright: #F0A23A;
  --orange-deep:   #B45309;   /* fondo de botón con texto blanco (5.02:1, AA) */
  --orange-deeper: #92400E;   /* hover de --orange-deep (7.09:1) */
  --azul-teckio:   #0040AC;

  /* Superficies */
  --paper:         #FAF8F3;
  --bone:          #F1EDE3;
  --bone-dark:     #E6E0D2;
  --surface-cool:  #EEF1F5;
  --white:         #FFFFFF;

  /* Texto y líneas */
  --text:          #142A47;
  --text-soft:     #5A6577;
  --text-muted:    #8A9099;
  --line:          rgba(20, 42, 71, .12);
  --line-strong:   rgba(20, 42, 71, .24);

  /* Acentos */
  --green:    #3E9E63;
  --blue:     #3D6FB4;
  --violet:   #7A5AF0;
  --whatsapp: #25D366;

  /* Estado */
  --danger:      #C0392B;
  --danger-soft: #FF6B6B;
  --danger-tint: #FFC2C2;

  /* Nuevos para la invitación (derivados de la marca, sin hex nuevos) */
  --orange-tint:   rgba(217, 119, 6, .16);   /* fondo durazno tras los mockups */
  --orange-glow:   rgba(240, 162, 58, .55);  /* halo de los arcos del hero */
  --blue-glow:     rgba(61, 111, 180, .45);  /* horizonte del hero */
  --grid-light:      rgba(0, 64, 172, .07);    /* retícula sobre claro, cada 96 px */
  --grid-light-fine: rgba(0, 64, 172, .035);   /* retícula sobre claro, cada 24 px */
  --grid-dark:       rgba(255, 255, 255, .07); /* retícula sobre oscuro, cada 96 px */
  --grid-dark-fine:  rgba(255, 255, 255, .03); /* retícula sobre oscuro, cada 24 px */
  --shade:           rgba(13, 28, 48, .38);    /* sombras proyectadas (navy-deep) */

  /* Dispositivo (mockup CSS de la laptop) */
  --device-bezel:     #0B0D10;
  --device-body:      #2B3038;
  --device-body-dark: #15181D;
  --device-edge:      #5B616B;

  /* Tipografía */
  --serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --sans:  'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; /* teckio.mx usa Inter; esta página, Manrope (como la de enlaces) */

  /* Forma y movimiento */
  --radius-card: 16px;
  --radius-band: 28px;
  --radius-pill: 999px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-card: 0 1px 2px rgba(20, 42, 71, .06), 0 12px 32px -12px rgba(20, 42, 71, .18);
  --shadow-card-hover: 0 2px 4px rgba(20, 42, 71, .08), 0 22px 48px -16px rgba(20, 42, 71, .26);
}