/* ============================================================
   THEME - GARDEN HOUSE
   ------------------------------------------------------------
   Cream and deep garden green with a classical serif. Quieter
   and more editorial than the others: no sticky chrome, framed
   cards, generous measure.

   Layout: hdr-minimal / cards-framed
   Fonts:  Playfair Display (display) + Karla (body)
   ============================================================ */

:root {
  --sand:        #f6f4ed;
  --paper:       #fffdf8;
  --sunken:      #ebe8dd;
  --line:        #ddd8c8;
  --ink:         #232a22;
  --ink-mid:     #5b6357;
  --ink-dim:     #838a7d;
  --brass:       #33603f;
  --brass-deep:  #21432b;
  --brass-soft:  #e7efe6;
  --forest:      #33603f;
  --on-dark:     #f1f5ee;

  --display: "Playfair Display", Georgia, "Times New Roman", serif;
  --body:    "Karla", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --header-bg:     transparent;
  --header-blur:   none;
  --hero-grad:     linear-gradient(155deg, #1b3121 0%, #33603f 60%, #4c7d59 100%);
  --hero-tint-top: rgba(14, 26, 17, 0.28);
  --hero-tint:     rgba(14, 26, 17, 0.62);
  --radius:        0px;
  --btn-radius:    0px;
  --card-shadow:   none;
  --card-shadow-hover: none;
  --display-caps:  none;
  --display-track: 0em;
}

/* The floating header's colour is handled by the hdr-minimal layout in
   site.css, which flips between dark ink and white depending on whether the
   page opens on a hero. Nothing to add here. */

/* Playfair has a large x-height and high contrast: it wants more air. */
h1 { line-height: 1.06; }
.section-head { margin-bottom: 2.6rem; }

/* An editorial flourish: a short rule above every section heading.
   Drawn with a pseudo-element so it never affects the text itself. */
.section-head::before {
  content: ""; display: block; width: 46px; height: 2px;
  background: var(--brass); margin-bottom: 1.1rem;
}

/* Framed cards read better with the title in the display face. */
.card-body h3 { font-family: var(--display); }