/* ============================================
   ELITE COMPANY — Design Tokens
   ============================================ */

:root {
  /* --- Color --- */
  --color-black: #08090A;
  --color-black-soft: #0F1113;
  --color-black-elevated: #16181B;
  --color-black-card: #101214;
  --color-white: #F5F5F3;
  --color-white-dim: #ACB0B5;
  --color-white-faint: #64686D;

  /* Plateado metálico — protagonista de acentos, bordes activos y hover */
  --silver-1: #F2F2F0;
  --silver-2: #C7C9CC;
  --silver-3: #83898F;
  --silver-glow: rgba(199, 201, 204, 0.35);
  --gradient-silver: linear-gradient(135deg, var(--silver-1) 0%, var(--silver-2) 45%, var(--silver-3) 60%, var(--silver-1) 100%);
  --gradient-silver-subtle: linear-gradient(180deg, rgba(232,232,232,0.08) 0%, rgba(138,138,138,0.02) 100%);

  --border-hairline: rgba(245, 245, 243, 0.10);
  --border-hairline-strong: rgba(245, 245, 243, 0.20);
  --border-active: rgba(199, 201, 204, 0.55);

  --shadow-elevated: 0 20px 60px -20px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255,255,255,0.03);
  --shadow-glow: 0 0 40px -8px var(--silver-glow);

  /* --- Tipografía --- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.875rem;
  --text-2xl: 3rem;
  --text-3xl: 4.2rem;
  --text-4xl: 5.5rem;
  --text-5xl: 7rem;

  /* --- Espaciado (escala 8px) --- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 9rem;
  --space-9: 12rem;

  /* --- Layout --- */
  --content-max: 1180px;
  --content-narrow: 720px;

  /* --- Movimiento --- */
  --ease-elite: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 0.2s;
  --dur-base: 0.4s;
  --dur-slow: 1.1s;
}

@media (max-width: 768px) {
  :root {
    --text-xl: 1.5rem;
    --text-2xl: 2.1rem;
    --text-3xl: 2.6rem;
    --text-4xl: 3rem;
    --text-5xl: 3.5rem;
    --space-7: 4rem;
    --space-8: 5.5rem;
    --space-9: 7rem;
  }
}

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