/* Greenvalley design tokens: the single source of truth (see reports/2.2-redesign/DESIGN.md). */
@font-face { font-family: "Lora"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url(../fonts/lora-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Lora"; font-style: italic; font-weight: 400 700; font-display: swap;
  src: url(../fonts/lora-italic-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400 700; font-stretch: 100%; font-display: swap;
  src: url(../fonts/nunito-sans-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* Colours */
  --gv-bark: #4C3D31;
  --gv-honey: #D5AC63;
  --gv-cream: #F8F3EA;
  --gv-eucalypt: #566950;
  --gv-charcoal: #2B2520;
  --gv-oat: #EFE7D9;
  --gv-muted: #5C5048;
  --gv-photo: #F3F2F0;           /* product-photo backdrop */
  --gv-footer: #2F2620;
  --gv-footer-text: #E4D8C6;
  --gv-line: rgba(76, 61, 49, .14);
  --gv-white: #FFFFFF;

  /* Fonts */
  --gv-font-head: "Lora", Georgia, "Times New Roman", serif;
  --gv-font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Type scale (phone → desktop) */
  --gv-fs-body: 1.0625rem;
  --gv-fs-small: .9375rem;
  --gv-fs-eyebrow: .96rem;   /* ≥14 px (Phase 3 a11y) */
  --gv-fs-h1: clamp(2.125rem, 1.45rem + 2.9vw, 3.75rem);
  --gv-fs-h2: clamp(1.75rem, 1.4rem + 1.5vw, 2.625rem);
  --gv-fs-h3: clamp(1.1875rem, 1.1rem + .35vw, 1.375rem);
  --gv-fs-h4: 1.125rem;

  /* Spacing */
  --gv-s1: 4px; --gv-s2: 8px; --gv-s3: 12px; --gv-s4: 16px; --gv-s5: 24px;
  --gv-s6: 32px; --gv-s7: 48px; --gv-s8: 64px; --gv-s9: 96px;
  --gv-section: var(--gv-s8);
  --gv-container: 1200px;
  --gv-gutter: 20px;

  /* Shapes */
  --gv-radius: 6px;
  --gv-tap: 48px;
  --gv-shadow: 0 10px 30px rgba(43, 37, 32, .10);
}
@media (min-width: 922px) {
  :root { --gv-fs-body: 1.125rem; --gv-gutter: 40px; --gv-section: var(--gv-s9); }
}