/* ═══════════════════════════════════════════════
   APARTAMENTO GRUMETE — DESIGN TOKENS
   Fuente única de verdad para todos los colores.
   Cargado antes de style.css y cookies.css.
═══════════════════════════════════════════════ */
:root {
  /* ── Primitivos ────────────────────────────── */
  --white-warm:  #FAF9F7;
  --charcoal:    #1E1E1E;
  --blue-main:   #015291;
  --gold-soft:   #C9A46A;
  --gray-text:   #7D7D7D;
  --gray-soft:   #8A8A8A;
  --menu-muted:  rgba(201, 164, 106, 0.65);
  --sand:        #f5f0eb;
  --sand-alt:    #F5F3F0;
  --footer-dark: #2A2A2A;
  --white:       #fff;
  --gray-cool:   #9CA3AF;

  /* ── Alias semánticos ──────────────────────── */
  --bg:    var(--white-warm);
  --ink:   var(--charcoal);
  --brand: var(--blue-main);
  --muted: var(--gray-text);

  /* ── Escala alpha dorada ───────────────────── */
  --gold-bg:   rgba(201, 164, 106, 0.08);
  --gold-12:   rgba(201, 164, 106, 0.12);
  --gold-tint: rgba(201, 164, 106, 0.14);
  --gold-16:   rgba(201, 164, 106, 0.16);
  --gold-20:   rgba(201, 164, 106, 0.20);
  --gold-24:   rgba(201, 164, 106, 0.24);
  --gold-30:   rgba(201, 164, 106, 0.30);
  --gold-40:   rgba(201, 164, 106, 0.40);
  --gold-45:   rgba(201, 164, 106, 0.45);

  /* ── Escala alpha de sombras ───────────────── */
  --shadow-xs:   rgba(0, 0, 0, 0.04);
  --shadow-sm:   rgba(0, 0, 0, 0.05);
  --shadow-md:   rgba(0, 0, 0, 0.06);
  --shadow-lg:   rgba(0, 0, 0, 0.08);
  --shadow-xl:   rgba(0, 0, 0, 0.18);
  --shadow-dark: rgba(0, 0, 0, 0.30);

  /* ── Tints sobre fondo oscuro ──────────────── */
  --on-dark-faint: rgba(255, 255, 255, 0.06);
  --on-dark-30:    rgba(255, 255, 255, 0.30);
}