/* Gingham & Grain site tokens. Colors from ../kit/palette.json (logo B3a kit). */
:root{
  --gg-cream:#F6EFDF; --gg-linen:#FBF6EA; --gg-brick:#A4432F; --gg-brick-dark:#8A3726;
  --gg-honey:#C8962E;      /* decor only, never text */
  --gg-sage-accent:#6F8A6A;/* accent/decor only */
  --gg-sage-text:#4E6A4B;  --gg-ink:#3B2A1E; --gg-kraft:#C9A57A; --gg-chalk:#2F3A33; --gg-chalk-text:#F3EEDF;
  --gg-font-display:"Fraunces",Georgia,serif; --gg-font-text:"Lora",Georgia,serif;
  --gg-fs-hero:clamp(2.2rem,5vw,3.8rem); --gg-fs-h2:clamp(1.6rem,3vw,2.4rem); --gg-fs-body:1.0625rem;
  --gg-r-sm:10px; --gg-r-md:18px; --gg-r-lg:28px; --gg-r-pill:999px;
  --gg-shadow:0 6px 0 rgba(59,42,30,.08),0 14px 30px rgba(59,42,30,.08);
  --gg-gingham:linear-gradient(90deg,rgba(164,67,47,.5) 50%,transparent 50%),linear-gradient(rgba(164,67,47,.5) 50%,transparent 50%);
  --gg-gingham-size:18px 18px;
  --gg-linen-texture:repeating-linear-gradient(0deg,rgba(59,42,30,.025) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(59,42,30,.02) 0 1px,transparent 1px 4px);
  --gg-stitch:2px dashed rgba(164,67,47,.55);
  --gg-ease:cubic-bezier(.33,.9,.4,1);
}
.gg-gingham{background-color:var(--gg-cream);background-image:var(--gg-gingham);background-size:var(--gg-gingham-size)}
.gg-linen{background-color:var(--gg-linen);background-image:var(--gg-linen-texture)}
.gg-stitched{position:relative;border-radius:var(--gg-r-md);background:#fff9ee;box-shadow:var(--gg-shadow)}
.gg-stitched::after{content:"";position:absolute;inset:8px;border:var(--gg-stitch);border-radius:calc(var(--gg-r-md) - 6px);pointer-events:none}