/* ==========================================================================
   City Wharf — Global design tokens & fonts
   ========================================================================== */

:root {
	/* --- Colors (extracted from Figma) --- */
	--color-text: #2d2d2d;          /* primary text / near-black */
	--color-dark: #21201e;          /* dark sections / cards */
	--color-black: #1c1c1c;
	--color-cream: #fff4d9;         /* main warm page background */
	--color-cream-muted: #f6f0e2;   /* alt cream (Figma "Cream" var) */
	--color-surface: #fff4d9;       /* light card surface */
	--color-coral: #cf5952;         /* accent: CTA, ticker, headings */
	--color-teal: #8dd2d3;          /* accent: footer band, outline buttons */
	--color-white: #ffffff;

	/* --- Font families --- */
	--font-sans: 'Rethink Sans', system-ui, sans-serif;  /* headings, body, UI, hero headline (800) */
	--font-mono: 'Inconsolata', ui-monospace, monospace; /* labels, ticker, tags, stats */
	--font-script: 'RD Landford', cursive;            /* "make it home" accent */

	/* --- Type weights --- */
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-bold: 700;
	--fw-extrabold: 800;
}

/* ==========================================================================
   @font-face — self-hosted (.woff2 у assets/fonts/)
   Усі шрифти — безкоштовні (Google Fonts). Файли поки відсутні.
   Лого "CITY WHARF" та вордмарк "City Wharf" — це SVG-ассети, не шрифти.
   ========================================================================== */

/* Rethink Sans — Google Fonts */
@font-face {
	font-family: 'Rethink Sans';
	src: url('../../fonts/RethinkSans-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Rethink Sans';
	src: url('../../fonts/RethinkSans-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Rethink Sans';
	src: url('../../fonts/RethinkSans-ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

/* Inconsolata — Google Fonts */
@font-face {
	font-family: 'Inconsolata';
	src: url('../../fonts/Inconsolata-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inconsolata';
	src: url('../../fonts/Inconsolata-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* RD Landford — "make it home" accent */
@font-face {
	font-family: 'RD Landford';
	src: url('../../fonts/RDLandford-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* ==========================================================================
   Layout
   ========================================================================== */

.container {
	width: 100%;
	max-width: 1520px;
	margin: 0 auto;
	padding: 0 16px;
}

@media (min-width: 768px) {
	.container {
		padding: 0 20px;
	}
}

/* ==========================================================================
   Base
   ========================================================================== */

body {
	font-family: var(--font-sans);
	font-weight: var(--fw-regular);
	color: var(--color-text);
	background-color: var(--color-cream);
}

.post,
.page {
	margin: 0;
}