:root {
  /* Paleta */
  --black-deep: #050505;
  --black-2: #101010;
  --gray-dark: #181818;
  --gray-2: #202020;
  --gray-line: #2a2a2a;
  --white-warm: #F7F5F0;
  --white-dim: rgba(247, 245, 240, 0.6);
  --white-faint: rgba(247, 245, 240, 0.38);

  --brand-red: #D71920;
  --red-intense: #FF1F2D;
  --gold: #C7A96B;
  --gold-soft: #E0C9A0;
  --gold-deep: #9C7E45;
  --grad-gold: linear-gradient(120deg, #E7D3A6 0%, #C7A96B 45%, #9C7E45 100%);
  --hairline: rgba(199, 169, 107, 0.28);
  --shadow-gold: 0 8px 30px rgba(199, 169, 107, 0.18);

  /* Superficies */
  --surface: #0d0d0d;
  --surface-2: #141414;
  --surface-glass: rgba(20, 20, 20, 0.72);
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-strong: rgba(255, 255, 255, 0.12);

  /* Sombras */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.6);
  --shadow-red: 0 8px 24px rgba(215, 25, 32, 0.35);

  /* Gradientes */
  --grad-dark: linear-gradient(160deg, #141414 0%, #0a0a0a 100%);
  --grad-red: linear-gradient(135deg, var(--red-intense) 0%, var(--brand-red) 100%);
  --grad-hero: linear-gradient(180deg, rgba(5,5,5,0.25) 0%, rgba(5,5,5,0.85) 70%, var(--black-deep) 100%);
  /* Banner rojo de sección (estilo web oficial) */
  --grad-banner: linear-gradient(90deg, #7a0f13 0%, #C2151B 35%, #E01B24 65%, #C2151B 100%);
  --grad-header: linear-gradient(180deg, #1a0708 0%, #0a0405 60%, var(--black-deep) 100%);
  --card-bg: #1b1b1b;
  --card-border: rgba(255, 255, 255, 0.06);

  /* Tipografía */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;

  /* Radios */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Transiciones */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 180ms;
  --t-mid: 280ms;
  --t-slow: 420ms;

  /* Layout */
  --header-h: 64px;
  --container: 1200px;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}