/* CAMS Site Kit: one look. Colours and corners for the modules, from CAMS → Settings → Site look.
   Only body classes added by Site Kit switch these on, so nothing changes until you choose. */

/* ---------- corners (design style) ---------- */
body.cams-design-blueprint { --sk-r-s: 4px; --sk-r-m: 8px; }
body.cams-design-showcase { --sk-r-s: 10px; --sk-r-m: 18px; }
body.cams-design-ledger { --sk-r-s: 0px; --sk-r-m: 0px; --sk-pill: 0px; }
body.cams-design-blueprint .cams-ps { --cams-ps-radius: 8px; --cams-ps-card-radius: 6px; }
body.cams-design-showcase .cams-ps { --cams-ps-radius: 24px; --cams-ps-card-radius: 18px; }
body.cams-design-ledger .cams-ps { --cams-ps-radius: 0px; --cams-ps-card-radius: 0px; }

/* ---------- Charcoal & gold ---------- */
body.cams-look-charcoal.cams-follow-gallery .cams-pg--navy {
	--pg-box: #1E1F22; --pg-panel: #17181A; --pg-stage: #111214;
	--pg-ink: #F4F1EA; --pg-sub: #DDD7CB; --pg-muted: #B5B0A6;
	--pg-line: rgba(217, 164, 65, .22); --pg-line-strong: rgba(217, 164, 65, .45); --pg-soft: rgba(244, 241, 234, .06);
	--pg-accent: #D9A441; --pg-accent-ink: #17181A;
}
body.cams-look-charcoal.cams-follow-header .cams-hf {
	--chf-navy: #1E1F22; --chf-navy-2: #2A2B2F; --chf-navy-3: #3A3B40;
	--chf-gold: #D9A441; --chf-gold-soft: #F1E1BE; --chf-gold-ink: #7A5410;
	--chf-muted: #B5B0A6; --chf-line: rgba(217, 164, 65, .18); --chf-grid: rgba(30, 31, 34, .07);
	--chf-paper: #F6F3EC; --chf-soft: #EDE8DE; --chf-faint: #EDE8DE; --chf-rule: #E3DDD1; --chf-muted-dark: #5C574E; --chf-ink: #1E1F22;
}
body.cams-look-charcoal.cams-follow-plans .cams-hp {
	--hp-bg: #17181A; --hp-surface: #1E1F22; --hp-raise: #2A2B2F; --hp-line: #3A3833;
	--hp-fg: #F4F1EA; --hp-muted: #B5B0A6;
	--hp-accent: #D9A441; --hp-accent-2: #E8BE6A; --hp-ink: #17181A; --hp-wash: rgba(217, 164, 65, .12);
}

/* ---------- Light ---------- */
body.cams-look-light.cams-follow-plans .cams-hp {
	color-scheme: light;
	--hp-bg: #F4F6F9; --hp-surface: #FFFFFF; --hp-raise: #E9EDF3; --hp-line: #D5DCE6;
	--hp-fg: #1D2A40; --hp-muted: #53627A;
	--hp-accent: #F5A623; --hp-accent-2: #8A5600; --hp-ink: #1D2A40; --hp-wash: rgba(245, 166, 35, .14);
}
/* On white, the orange is too pale for small text: use the dark gold for labels and codes. */
body.cams-look-light.cams-follow-plans .cams-hp :is(.hp-legend b, .hp-ph b, .hp-tagline, .hp-pno, .hp-eyebrow, .hp-box h4, .hp-lvl, .hp-ibtn[aria-pressed="true"]) { color: #8A5600 !important; }