/* Theme: sunroom-linen ("Sunroom Linen")
   Axis: light + airy + quiet, and the only one that drops the dark header band —
   the band goes white, so the page reads as one sheet of linen. Sage and olive,
   a high-contrast display serif, chunky oat photo mats, and a single soft
   watercolor ribbon in place of the patchwork stripe. Narrow measure, big air. */
:root {
  /* Surfaces */
  --bg: #faf8f4;
  --bg-alt: #f0ece3;
  --surface: #ffffff;
  --line: #e4dfd4;
  --hero-glow: #ecf0e5;
  --media-bg: #20241d;

  /* Text */
  --ink: #232620;
  --ink-2: #4d5248;
  --muted: #656b5d;

  /* Brand + accents */
  --accent: #3f6147;        /* garden olive: pills, chips, buttons */
  --accent-2: #2d4835;
  --accent-soft: #e0eade;
  --brand-2: #2f4a36;       /* forest: CTA panel, stitching, pull quotes */
  --quote: #2f4a36;
  --silver: #ddd8cb;        /* thick oat photo mats */
  --tile: #f3f1e9;          /* pale blocks on a white band */
  --dots: #ddd8cb;

  /* Header (light band) */
  --header-bg: #ffffff;
  --header-text: #232620;
  --header-text-2: #656b5d;
  --header-line: #e4dfd4;

  /* CTA panel */
  --cta-bg: var(--brand-2);
  --cta-text: #f7faf5;
  --cta-text-2: #d7e2d5;
  --cta-kicker: #c3d5c1;
  --cta-fine: #a8bba6;
  --cta-button-bg: #f7faf5;
  --cta-button-text: #2d4835;
  --cta-button-hover: #dfe9dc;

  /* Buttons */
  --button-text: #ffffff;

  /* Type */
  --font-display: "Gloock", Didot, Georgia, serif;
  --font-ui: "Karla", "Helvetica Neue", Helvetica, sans-serif;
  --font-serif: "Petrona", Georgia, "Times New Roman", serif;
  --font-sans: var(--font-ui);
  --font-body: var(--font-ui);
  --font-heading: var(--font-display);
  --text-base: 19px;
  --leading: 1.85;
  --h1: clamp(2.6rem, 5.6vw, 4.1rem);
  --h2: clamp(1.8rem, 2.8vw, 2.3rem);
  --h3: 1.3rem;
  --heading-weight: 400;
  --heading-tracking: -.004em;
  --heading-leading: 1.06;
  --eyebrow-tracking: .18em;

  /* Shape + space */
  --max: 1000px;
  --gutter: 28px;
  --radius: 22px;
  --radius-sm: 16px;
  --radius-pill: 999px;
  --shadow: 0 1px 0 #efebe2, 0 18px 40px rgba(58, 66, 52, .07);
  --rule: 6px;
  --ring: 8px;
  --stripe: linear-gradient(90deg, #cfdcc9 0%, #e8dcc3 45%, #d9cfe0 100%);
  --stripe-h: 4px;
  --quote-rule: 1px solid var(--silver);
}