/* On The Green brand tokens (from On The Green – Branding.pdf) */
:root{
  --green:#18391C;        /* Deep Green */
  --green-2:#24503A;      /* gradient partner, from brand example */
  --cream:#FFF9C7;        /* Warm Cream */
  --soft-white:#F4F2E9;   /* Soft White */
  --near-black:#090A08;   /* Near Black */
  --charcoal:#292F29;     /* Charcoal */
  --muted:#4D514A;        /* Muted Gray-Green */
  --lime:#DBEA65;         /* Electric Lime */
  --ink:#090A08;
  --bg:#F4F2E9;
  --accent-script:#FFF9C7;
  --font-display:'Oswald',Impact,'Arial Narrow',sans-serif;
  --font-script:'Yellowtail',cursive;
  --font-body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}

.light .script,.cream .script{color:var(--green)}

/* real logo file in header and thank-you mark */
.logo img{height:52px;width:auto;display:block}
@media (max-width:600px){.logo img{height:44px}}
.ty .mark img{height:120px;width:auto;margin:0 auto}

/* script words in headlines: larger so they balance the Oswald caps */
h1 .script,h2 .script{font-size:1.38em;line-height:.8;vertical-align:-.02em}