/**
 * RIDER TRIP MÉXICO - Sistema de Diseño y Tokens CSS
 */

:root {
  /* Paleta Oficial */
  --rt-white: #FFFFFF;
  --rt-black: #111111;
  --rt-red: #D71920;
  --rt-red-hover: #b5141a;
  --rt-red-subtle: rgba(215, 25, 32, 0.12);
  --rt-blue: #1769FF;
  --rt-blue-hover: #0d52d6;
  --rt-blue-subtle: rgba(23, 105, 255, 0.12);
  --rt-dark: #242424;
  --rt-dark-surface: #1a1a1a;
  --rt-gray-light: #F3F4F6;
  --rt-gray-border: #E5E7EB;
  --rt-gray-muted: #6B7280;
  --rt-gray-text: #374151;

  /* Tipografía Nunito */
  --rt-font: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Pesos */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --fw-black: 900;

  /* Escala Tipográfica Fluida */
  --fs-hero: clamp(2.5rem, 5.5vw + 1rem, 5.25rem);
  --fs-h1: clamp(2.2rem, 4.5vw + 0.5rem, 4rem);
  --fs-h2: clamp(1.85rem, 3.2vw + 0.4rem, 2.85rem);
  --fs-h3: clamp(1.4rem, 2vw + 0.3rem, 2rem);
  --fs-h4: clamp(1.15rem, 1.2vw + 0.2rem, 1.45rem);
  --fs-lead: clamp(1.1rem, 1vw + 0.2rem, 1.35rem);
  --fs-body: 1.05rem;
  --fs-small: 0.875rem;
  --fs-label: 0.75rem;

  /* Sombras y Elevaciones */
  --rt-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.08);
  --rt-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
  --rt-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.18);
  --rt-shadow-red: 0 8px 24px rgba(215, 25, 32, 0.35);
  --rt-shadow-blue: 0 8px 24px rgba(23, 105, 255, 0.35);

  /* Bordes y Geometría */
  --rt-radius-sm: 4px;
  --rt-radius-md: 8px;
  --rt-radius-lg: 16px;
  --rt-radius-pill: 9999px;

  /* Transiciones */
  --rt-transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --rt-transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --rt-transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  /* Espaciado de Sección (reducido a la mitad para mayor fluidez entre bloques) */
  --rt-section-pad: clamp(2rem, 4vw, 3.75rem);
}