/* ==========================================================================
   TOKENS — Variables de diseño de Cenit Watches
   Cambiá acá colores, tipografías y espacios: se propaga a todo el sitio.
   ========================================================================== */

:root {
  /* Marca: extraídos del logo (#C9A24B) */
  --gold:        #c9a24b;
  --gold-light:  #e6cb85;
  --gold-deep:   #7f611f;   /* dorado oscuro: usar para texto sobre fondos claros (contraste AA) */

  /* Neutros oscuros */
  --ink:    #0d0c0a;
  --ink-2:  #15130f;
  --ink-3:  #1e1b15;

  /* Neutros claros */
  --ivory:  #f6f2e9;
  --sand:   #ebe4d3;
  --white:  #ffffff;

  /* Texto */
  --text-on-light:       #1a1812;
  --text-muted-on-light: #5f5847;
  --text-on-dark:        #efe9da;
  --text-muted-on-dark:  #aaa28e;

  /* Líneas / bordes */
  --line-on-light: rgba(26, 24, 18, 0.12);
  --line-on-dark:  rgba(239, 233, 218, 0.14);

  /* Estados */
  --error: #ff8a7a;
  --error-on-light: #b3261e;
  --success: #7fd6a0;

  /* Tipografía */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-xs:   0.8125rem;
  --fs-sm:   0.9375rem;
  --fs-base: 1.0625rem;
  --fs-lg:   1.25rem;
  --fs-h3:   clamp(1.5rem, 2.2vw, 1.85rem);
  --fs-h2:   clamp(2.25rem, 4.6vw, 3.6rem);
  --fs-h1:   clamp(3rem, 7.2vw, 6rem);

  /* Layout */
  --container: 1200px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --section-y: clamp(4.5rem, 9vw, 8rem);
  --header-h: 76px;

  /* Forma y sombras */
  --radius:    16px;
  --radius-sm: 10px;
  --shadow-card: 0 1px 2px rgba(26, 24, 18, .06), 0 14px 34px -14px rgba(26, 24, 18, .22);
  --shadow-card-hover: 0 2px 4px rgba(26, 24, 18, .08), 0 28px 50px -18px rgba(26, 24, 18, .34);

  /* Movimiento */
  --ease: cubic-bezier(.22, .8, .24, 1);
  --dur: .5s;
}