/* ================================================================
THE INN CO. — config.css
================================================================
FORK WORKFLOW: This is the only file you need to edit to rebrand
this site for a new client. Change the values below, then search
the HTML files for "Client:" comments to update content.
Typography note: font names here must match the Google Fonts
tags in each HTML . If you change the fonts, update
both places. Current fonts: Playfair Display + Inter.
================================================================ */
:root {
/* ----------------------------------------------------------
BRAND COLORS
Primary: main dark color — header, hero, CTAs, headings
Footer: footer background — usually darker than primary
Accent: highlight — prices, labels, active nav, borders
---------------------------------------------------------- */
--color-primary: #1a3c34;
--color-footer: #0d211c;
--color-accent: #c5a059;
/* ----------------------------------------------------------
PAGE COLORS
---------------------------------------------------------- */
--color-bg: #f9f7f2; /* page background */
--color-white: #ffffff; /* cards, form fields */
--color-text: #2d2d2d; /* body text */
--color-text-light: #666666; /* captions, secondary text */
--color-border: #e5e5e5; /* dividers, card outlines */
/* ----------------------------------------------------------
UI / SEMANTIC COLORS — less likely to need changing
---------------------------------------------------------- */
--color-field-bg: #fafafa; /* form input background */
--color-error: #dc2626; /* form validation error text */
--color-error-bg: #fef9f9; /* form validation error field bg */
--color-overlay: rgba(0, 0, 0, 0.5); /* mobile nav backdrop */
/* ----------------------------------------------------------
TYPOGRAPHY
Change the font names here AND update the Google Fonts
in each HTML file's .
---------------------------------------------------------- */
--font-heading: 'Playfair Display', serif;
--font-body: 'Inter', sans-serif;
/* ----------------------------------------------------------
LAYOUT — rarely needs changing
---------------------------------------------------------- */
--container-max-width: 1100px;
--border-radius: 2px;
--section-gap: 5rem;
--header-height: 90px; /* update if header height changes */
}