:root{
/* Corners — GAP print work is square-cut; screen UI gets a small, single radius */
--radius-none:0;
--radius-sm:4px;
--radius-md:8px;
--radius-pill:999px;

/* Borders */
--border-width:1px;
--border-width-strong:3px;

/* Shadows — used sparingly; the brand leans on flat color + photo layers */
--shadow-card:0 1px 2px rgba(65,64,66,.08),0 8px 20px rgba(65,64,66,.06);
--shadow-raised:0 2px 4px rgba(65,64,66,.10),0 16px 36px rgba(65,64,66,.10);
--shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.5);

/* Photo band: the layered mountain range that anchors the bottom of GAP pieces */
--band-back:url("../assets/img/mountains-back-green.png"); /* @kind other */
--band-mid:url("../assets/img/mountains-mid-green.png"); /* @kind other */
--band-front:url("../assets/img/mountains-front-gold.png"); /* @kind other */
--band-height:clamp(120px,22vh,340px); /* @kind spacing */
}