/* PHG Group — brand tokens (reference). Pages use these values inline; @font-face lives in PHGHeader.dc.html. */
@import url('../fonts/fonts.css');
:root{
  --phg-primary:#0F0F0F; --phg-accent:#C6A769; --phg-neutral-light:#F5F3EF;
  --phg-neutral-gray:#6B6B6B; --phg-neutral-line:#D9D5CF; --phg-white:#FFFFFF;
  --font-head:'Montserrat','Segoe UI',Arial,sans-serif; --font-body:'Mulish','Segoe UI',Arial,sans-serif; --font-quote:'SVN-Ameyallinda Signature','Playfair Display',Georgia,serif;
  --phg-text:#2E2E2E; --phg-text-soft:#4A4A4A; /* body copy: softer than --phg-primary, which stays for dark fills */
  --h1:clamp(36px,4.4vw,64px)/1.1 700; --h2:clamp(28px,2.8vw,40px)/1.2 600; --h3:clamp(20px,1.9vw,28px)/1.3 500;
  --body:16px/1.7 400; --caption:13px/1.45 500;
  --margin:clamp(20px,5.6vw,80px); /* 80 desktop · 40 tablet · 20 mobile */
  --space:8px 16px 24px 32px 48px 64px 80px;
  --line:1px solid var(--phg-neutral-line); --line-accent:1px solid var(--phg-accent);
}