/* ==========================================================================
   Selección Oro Absoluto — Design tokens
   Paleta e identidad tomadas del logotipo de marca (ver sitio/assets/css
   original de la landing "Próximamente" — se mantiene y se amplía aquí).
   ========================================================================== */

:root {
  /* ---- Color ---- */
  --c-white:        #ffffff;
  --c-black:        #14120f;
  --c-gold:         #c9a227;
  --c-gold-light:   #f3dfa0;
  --c-gold-dark:    #8a6a15;
  --c-grey-text:    #4a4640;
  --c-grey-050:     #faf9f6;
  --c-grey-100:     #f2efe8;
  --c-grey-200:     #e5e0d5;
  --c-border:       rgba(20, 18, 15, 0.10);
  --c-border-soft:  rgba(20, 18, 15, 0.06);

  --gradient-gold: linear-gradient(120deg, var(--c-gold-dark) 0%, var(--c-gold) 50%, var(--c-gold-light) 100%);

  /* ---- Tipografía ---- */
  --font-display: "Elms Sans", "Helvetica Neue", Arial, sans-serif;
  --font-eyebrow: "Noticia Text", Georgia, serif;

  /* ---- Layout ---- */
  --container-max: 1280px;
  --header-h: clamp(72px, 10vh, 98px);
  --space-section: clamp(4rem, 9vw, 8rem);
  --space-small: clamp(2rem, 5vw, 4rem);
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* ---- Movimiento ---- */
  --ease-out: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  --dur-fast: 0.3s;
  --dur-med: 0.6s;
  --dur-slow: 1s;

  --shadow-soft: 0 10px 30px rgba(20, 18, 15, 0.08);
  --shadow-lift: 0 20px 45px rgba(20, 18, 15, 0.14);
  --shadow-gold: 0 14px 30px rgba(138, 106, 21, 0.30);

  /* ---- Overrides de tema para Bootstrap 5 ---- */
  --bs-body-font-family: var(--font-display);
  --bs-body-color: var(--c-grey-text);
  --bs-body-bg: var(--c-white);
  --bs-primary: var(--c-gold);
  --bs-primary-rgb: 201, 162, 39;
  --bs-link-color: var(--c-black);
  --bs-link-hover-color: var(--c-gold-dark);
  --bs-border-color: var(--c-border);
}