:root { /* ===================== COLORS ===================== */ /* Primary — deep wine/burgundy. Change this to rebrand the whole site. */ --color-primary: #6B2737; --color-primary-light: #8a3347; /* hover states */ --color-primary-pale: #f5eced; /* light tinted backgrounds */ /* Accent — warm gold */ --color-accent: #C4973A; /* Backgrounds */ --color-bg: #FAF7F4; /* main page background */ --color-bg-card: #FFFFFF; /* card / section backgrounds */ /* Text */ --color-text: #2D2D2D; /* main body text */ --color-text-muted: #6b6b6b; /* subtitles, labels */ --color-text-light: #FFFFFF; /* text on dark backgrounds */ /* Borders */ --color-border: #e5ddd8; /* ===================== TYPOGRAPHY ===================== */ /* Load these in via Google Fonts link */ --font-heading: 'Playfair Display', Georgia, serif; --font-body: 'Lato', sans-serif; /* ===================== SPACING & LAYOUT ===================== */ --max-width: 1100px; --section-gap: 8rem; /* vertical space between sections */ --radius: 6px; --radius-lg: 12px; /* ===================== SHADOWS ===================== */ --shadow-sm: 0 1px 4px rgba(0,0,0,0.08); --shadow-md: 0 4px 16px rgba(0,0,0,0.10); }