/* The design tokens, and the one place they are written.

   base.css loads this first and the quote desk links the same file, so a
   token that moves on the site moves on the desk. Nothing else belongs
   here: no resets, no elements, no components, only custom properties, so
   a second consumer can take the whole file without taking a look with
   it. */

:root {
	/* Five tones, measured directly against Halston, replacing the earlier
	   green based palette entirely. BASE carries default sections, CARD is
	   for cards and alternate surfaces, ACCENT is eyebrow text, links and
	   small details, DEEP makes one premium statement band per page, INK
	   closes (closing CTA and footer only). No green anywhere. */
	--color-base: #efece6;
	--color-card: #e4e0d8;
	--color-deep: #4a4438;
	--color-ink: #262626;
	--color-warm-white: #fffefa;

	/* Backward compatible aliases so every existing rule resolves through
	   the five tones above without needing to touch each file. */
	--color-bg: var(--color-base);
	--color-sage: var(--color-card);
	--color-forest: var(--color-deep);
	--color-green-light: var(--color-card);
	--color-green-deep: var(--color-deep);
	--color-surface: var(--color-card);
	--color-surface-strong: var(--color-card);
	--color-maroon: var(--color-ink);
	--color-maroon-deep: var(--color-deep);
	--color-maroon-light: var(--color-card);
	--color-dark: var(--color-ink);

	--color-text: #262626;
	--color-muted: rgba(38, 38, 38, 0.72);
	--color-line: rgba(38, 38, 38, 0.16);
	--color-accent: #a29782;
	--color-accent-deep: #7d7360;
	/* The accent as reading text: measured 5.04 to 1 on the base and 4.51 to 1 on the card, so every eyebrow, label and small link clears 4.5. The accent itself stays for lines, ticks and hovers. */
	--color-accent-text: #6b6353;
	--color-gold: #c79a3e;
	--color-error: #9c4a37;
	--color-dark-soft: #3a3a3a;
	--font-heading: "General Sans", "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--font-body: "General Sans", "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
	--container: 1180px;
	--container-wide: 1440px;
	--gutter: clamp(1rem, 1.25vw, 1.5rem);
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 14px;
	--shadow-soft: 0 16px 36px rgba(17, 22, 19, 0.07);
	--type-hero: clamp(3.15rem, 5.05vw, 6.25rem);
	/* One shared hero scale, identical on every page. */
	--type-hero-standard: clamp(3rem, 4vw, 3.5rem);
	--type-section-xl: clamp(2.75rem, 4.25vw, 4.75rem);
	--type-section-lg: clamp(2.25rem, 3.5vw, 3.9rem);
	--type-section-md: clamp(1.55rem, 2vw, 2.05rem);
	--type-body-lg: clamp(0.95rem, 1vw, 1.05rem);
	--type-label: 0.72rem;
	--space-1: 0.5rem;
	--space-2: 0.75rem;
	--space-3: 1rem;
	--space-4: 1.4rem;
	--space-5: 2rem;
	--space-6: 2.8rem;
	--space-7: 4rem;
	--space-8: 5.25rem;
	--space-section: clamp(4.9rem, 7.2vw, 8.2rem);
	--space-section-tight: clamp(3.8rem, 5.7vw, 6.4rem);
	--ease-premium: cubic-bezier(0.22, 0.61, 0.36, 1);
	--ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1);
	--transition: 180ms ease;

	/* One cinematic grade for all content photography, so every photo on the
	   site reads as one shoot. Excludes logos, icons and third party avatars. */
	--photo-grade: contrast(1.05) saturate(0.93);

	/* Shared directional scrim for text pinned in a photo's top left corner. */
	/* Directional text zone scrim: deep enough for warm white text over
	   light photography, invisible by the photo midpoint. */
	--scrim-corner: linear-gradient(135deg, rgba(18, 15, 11, 0.58) 0%, rgba(18, 15, 11, 0.26) 38%, rgba(18, 15, 11, 0) 66%);
}