/* Gatcombe Estate — brand tokens v0.9
   Established 1751 · Isle of Wight
   --------------------------------------------------------
   v0.9 — full multi-page front-end build
   • Brand tokens unchanged from v0.6.
   • Heritage greens, sand family, bud green accent all stable.
   • Wine label colours intentionally NOT in this file — they
     rotate by vintage and live as a separate product layer.
   -------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Manrope:wght@300;400;500;600;700&display=swap');

:root {
  /* GREEN — heritage estate green (the spine) */
  --estate-green:      #2E4732;
  --estate-green-deep: #1F3324;
  --estate-green-soft: #4A6450;

  /* BUD GREEN — third accent, sampled from Vision document cover.
     Used sparingly for italic emphasis and small UI sparks. */
  --bud-green:         #98CC6C;
  --bud-green-deep:    #7DB347;

  /* SAND — derived from Vision document final page */
  --sand:        #D8C083;
  --sand-light:  #ECE5D5;
  --sand-deep:   #C7A142;

  /* Neutrals */
  --paper:       #F8F6F2;
  --white:       #FFFFFF;
  --ink:         #1A1A18;
  --ink-soft:    #4F4D45;
  --rule:        rgba(46, 71, 50, 0.18);

  /* Type */
  --serif-display: 'Cormorant Garamond', 'EB Garamond', Georgia, serif;
  --serif-body:    'EB Garamond', Georgia, serif;
  --sans:          'Manrope', system-ui, sans-serif;

  /* Tracking */
  --track-loose:  0.22em;
  --track-medium: 0.14em;
  --track-tight:  0.04em;

  /* Layout */
  --max-w:  1240px;
  --gutter: clamp(20px, 4vw, 64px);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--serif-body);
  color: var(--ink);
  background: var(--paper);
  font-size: 18px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; }
img { display: block; max-width: 100%; height: auto; }
