/* Design tokens for Porter Ranch Outdoors.
   Every colour and shared size on the site comes from this file.
   Do not hard code hex values anywhere else. */

:root {
  --forest:      #1A2416;  /* nav, hunt panel, gallery, footer */
  --forest-deep: #131B10;  /* pricing section */
  --cream:       #F4F1EA;  /* light sections */
  --tan:         #DCC69B;  /* "Your stay" panel and closing CTA band */
  --gold:        #C08A30;  /* buttons, eyebrows, links, accents */
  --gold-hover:  #A97524;
  --clay:        #8F4325;  /* form validation errors, 6.2:1 on --cream */

  --ink:            #1C231A;
  --ink-muted:      #5A6255;
  --on-dark:        #F4F1EA;
  --on-dark-muted:  rgba(244, 241, 234, 0.70);
  --hairline-dark:  rgba(244, 241, 234, 0.16);
  --hairline-light: rgba(28, 35, 26, 0.14);

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  --max-w: 1280px;
  --gutter: 1.5rem;
  --section-y: 7.5rem;
  --nav-h: 68px;
  --radius: 2px;

  /* Derived tints of the palette above, kept here so section files
     never carry raw colour values of their own. */
  --scrim-strong:  rgba(26, 36, 22, 0.88);   /* hero gradient, left edge */
  --scrim-weak:    rgba(26, 36, 22, 0.15);   /* hero gradient, right edge */
  --ghost-border:  rgba(244, 241, 234, 0.45);
  --card-raised:   rgba(244, 241, 234, 0.05); /* featured pricing card fill */
  --chip-bg:       rgba(19, 27, 16, 0.72);    /* gallery caption chips */
  --clay-wash:     rgba(143, 67, 37, 0.08);   /* enquiry form error banner fill */
}