/* ============================================================
   Campestre La Térbola — design tokens
   Editorial restraint: one serif, one sans, warm cream + navy.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..96,400;6..96,500;6..96,600;6..96,700;6..96,800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* ---- Surfaces ---- */
  --paper:     #FBF7EB;    /* page background */
  --paper-2:   #F4EEDD;    /* card / framed surface */
  --cream:     #ECE3CA;    /* divider tint */
  --stone:     #D9CFB5;

  /* ---- Ink ---- */
  --ink:       #142E4E;    /* primary text on paper */
  --ink-2:     #233C5F;
  --ink-3:     #5A6F8E;    /* muted */

  /* ---- Accent — used sparingly ---- */
  --ochre:     #A8843C;
  --ochre-2:   #C9A861;

  /* ---- Status (plano only) ---- */
  --leaf:      #5E7A4E;    /* disponible */
  --gold:      #B68C46;    /* apartado */
  --terra:     #9B3E2E;    /* vendido */

  /* ---- Lines ---- */
  --rule:        rgba(20, 46, 78, .12);
  --rule-strong: rgba(20, 46, 78, .22);

  /* ---- Type ---- */
  --serif: 'Newsreader', 'Source Serif Pro', 'EB Garamond', Georgia, serif;
  --sans:  'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif;

  /* ---- Layout ---- */
  --col-narrow: 720px;
  --col-mid:    960px;
  --col-wide:  1200px;
  --gutter:     32px;

  /* ---- Section rhythm ---- */
  --pad-y:      144px;
  --pad-y-sm:   96px;
}

@media (max-width: 720px) {
  :root {
    --pad-y:    96px;
    --pad-y-sm: 64px;
    --gutter:   20px;
  }
}