/* ============================================================
   01 — BASE — Variables, reset, tipografía base
   ============================================================ */

:root {
    --ink: #111111;
    --ink-soft: #2a2a2a;
    --paper: #fbf9f5;
    --paper-warm: #f1ebe1;
    --bone: #e8dfd1;
    --red: #c4121a;
    --red-soft: #a51019;
    --muted: #8a8176;
    --line: rgba(17, 17, 17, 0.12);
    --wa-green: #25D366;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }
  html { scroll-behavior: smooth; }

  body {
    font-family: 'Inter', sans-serif;
    background: var(--paper);
    color: var(--ink);
    font-weight: 300;
    line-height: 1.6;
    overflow-x: hidden;
  }

  img { max-width: 100%; display: block; }

  .display { font-family: 'Fraunces', serif; font-weight: 300; letter-spacing: -0.02em; }
  .serif { font-family: 'Cormorant Garamond', serif; }

  .eyebrow {
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--muted);
  }