/* =========================================================
   Diptych — Design Tokens (din Figma Design System)
   ========================================================= */
:root {
	/* Culori */
	--c-gold: #debf92;          /* accent principal (nav, butoane, titluri) */
	--c-gold-strong: #bb812f;   /* auriu inchis */
	--c-parchment: #e0d6bf;     /* fundal cald deschis */
	--c-dark: #1f1e1d;          /* charcoal / overlay */
	--c-black: #000000;
	--c-ink: #212121;           /* text pe fundal deschis */
	--c-white: #ffffff;
	--c-blue: #005ae1;         /* cabinet / video accent */
	--c-overlay: rgba(31, 30, 29, 0.78); /* overlay peste hero */

	/* Tipografie */
	--font-display: "Cormorant Garamond", "Manege Demo", serif; /* titluri/logo */
	--font-body: "Oswald", system-ui, sans-serif;               /* UI / body */

	--ls-wide: 0.02em;   /* letter-spacing 2px @ ~16px */
	--ls-body: 0.28px;

	/* Layout — Figma artboard 1440; content = 1440 − 2×100 */
	--container: 1440px;
	--margin: 100px;       /* margine laterala desktop */
	--nav-h: 90px;
	--content: 1240px;     /* zona utila de text pe desktop */

	/* Spacing scale */
	--sp-4: 4px;
	--sp-8: 8px;
	--sp-12: 12px;
	--sp-16: 16px;
	--sp-24: 24px;
	--sp-32: 32px;
	--sp-48: 48px;
	--sp-64: 64px;
	--sp-80: 80px;
	--sp-100: 100px;

	/* Radius */
	--r-pill: 50px;
	--r-card: 12px;

	/* Breakpoints (referinta) : 1440 desktop / 1024 / 768 / 480 */
}

/* Reset minimal pentru landing */
.diptych-landing *,
.diptych-landing *::before,
.diptych-landing *::after {
	box-sizing: border-box;
}

.diptych-landing {
	font-family: var(--font-body);
	color: var(--c-ink);
	font-weight: 300;
	overflow-x: clip;
}

.diptych-landing img {
	max-width: 100%;
	display: block;
}

.diptych-landing a {
	text-decoration: none;
	color: inherit;
}

/* Container util */
.dp-container {
	max-width: var(--container);
	margin-inline: auto;
	padding-inline: var(--margin);
}

/* Titlu de sectiune — Cormorant (substitut Manege), drept */
.dp-section-title {
	font-family: var(--font-display);
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--c-ink);
	font-size: 22px;
}