/*
  Design tokens — JP Fragance Top
  Paleta pedida por el cliente: plateado (fondo/ventanas) + dorado (acentos/íconos) + negro (texto).
  Nuevo logo plateado como referencia de la identidad metálica.
*/

:root {
  /* Colores */
  --color-bg: #C7CBCE;
  --color-bg-soft: #B8BDC1;
  --color-surface: #E3E6E8;
  --color-surface-hover: #EEF0F1;
  --color-border: rgba(184, 145, 42, 0.35);
  --color-border-strong: rgba(184, 145, 42, 0.7);

  --color-gold: #A87B1D;
  --color-gold-light: #D9B355;
  --color-ivory: #121212;
  --color-ivory-dim: rgba(18, 18, 18, 0.68);
  --color-wine: #8A1B2E;
  --color-silver: #E8E8E8;

  /* Degradé metálico plateado (efecto cepillado) */
  --gradient-bg: linear-gradient(160deg, #EDEFF0 0%, #D3D7DA 30%, #B4BABE 60%, #DEE1E3 100%);
  --gradient-silver: linear-gradient(135deg, #F4F5F6 0%, #C7CBCE 50%, #9AA0A5 100%);
  --gradient-gold: linear-gradient(135deg, #E8C468 0%, #A87B1D 100%);

  /* Tipografía */
  --font-display: 'Libre Baskerville', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-eyebrow: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Escala tipográfica */
  --fs-hero: clamp(2.4rem, 7vw, 4.2rem);
  --fs-h2: clamp(1.7rem, 4.5vw, 2.6rem);
  --fs-h3: clamp(1.15rem, 3vw, 1.4rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.95rem;

  /* Espaciados */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;

  /* Layout */
  --container-max: 1180px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-full: 999px;

  /* Sombras y brillos */
  --shadow-card: 0 10px 26px rgba(0, 0, 0, 0.18);
  --glow-gold: 0 0 26px rgba(168, 123, 29, 0.4);

  /* Transiciones */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --transition-fast: 0.2s var(--ease);
  --transition-base: 0.4s var(--ease);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}