:root {
/* ── COLOURS: Replace with your Squarespace brand colours ── */
--ink: #0D0D0D; /* Primary dark bg — swap if your site is light */
--white: #F5F2EC; /* Light text / off-white */
--gold: #C9A84C; /* Accent — match your CTA button colour */
--gold-lt: #E8D08A; /* Lighter accent for hover states */
--mid: #1A1A1A; /* Card / section backgrounds */
--muted: #6B6B6B; /* Secondary text colour */
--rule: rgba(201,168,76,0.2); /* Border colour — uses gold at low opacity */
--green: #4CAF7A; /* Trust / tick colour — keep or match your brand */
/* ── FONTS: Replace with your Squarespace site fonts ── */
/* Find your fonts at: Design → Site Styles → Fonts */
--serif: 'Syne', sans-serif; /* Heading font */
--body: 'DM Sans', sans-serif; /* Body text font */
}
/* ── LIGHT SITE OVERRIDE ──
If your Squarespace site has a light/white background,
uncomment these overrides to flip the landing page light:
:root {
--ink: #FFFFFF;
--white: #0D1B2A;
--mid: #F4F4F4;
--muted: #666666;
}
*/
