/* ═══════════════════════════════════
   VARIABLES — Paleta Azul Pastel Calcáreo
   Azul polvo oscuro + Plateado/Crema
═══════════════════════════════════ */
:root {
  --bg:          #2A3A4A;
  --bg-dark:     #1E2D3A;
  --bg-card:     #2E4255;
  --bg-card2:    #243647;
  --bg-icon:     #354D63;

  --gold:        #A8C4D8;
  --gold-light:  #C4D9E8;
  --gold-pale:   #DDE9F2;
  --gold-btn:    #A8C4D8;
  --gold-dark:   #7A9EB8;

  --text-gold:   #A8C4D8;
  --text-white:  #EEF2F7;
  --text-muted:  #7D9BB0;
  --text-body:   #A8BEC9;

  --border:      rgba(168,196,216,0.30);
  --border-card: rgba(168,196,216,0.18);

  --radius-card: 12px;
  --radius-btn:  8px;

  --font-serif:  'Cormorant Garamond', Georgia, serif;
  --font-body:   'Jost', sans-serif;

  --ease: cubic-bezier(.25,.46,.45,.94);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--text-white);
  overflow-x: hidden;
}
::selection { background: var(--gold); color: var(--bg); }