/**
 * EverGrove design tokens.
 *
 * Confirmed font files live in assets/fonts/.
 * Color, radius, shadow and exact type-scale values from Figma are pending
 * confirmation — temporary fallbacks are marked with TODO.
 */

/*--------------------------------------------------------------------------
# Font faces (confirmed local files)
--------------------------------------------------------------------------*/

/* 18pt optical size used for display headings. 14pt file kept for later fine text. */
@font-face {
	font-family: "Hedvig Letters Serif";
	src: url("../fonts/HedvigLettersSerif_18pt-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Zalando Sans Expanded";
	src: url("../fonts/ZalandoSansExpanded-ExtraLight.woff2") format("woff2");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Zalando Sans Expanded";
	src: url("../fonts/ZalandoSansExpanded-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Zalando Sans Expanded";
	src: url("../fonts/ZalandoSansExpanded-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Zalando Sans Expanded";
	src: url("../fonts/ZalandoSansExpanded-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Zalando Sans Expanded";
	src: url("../fonts/ZalandoSansExpanded-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Zalando Sans Expanded";
	src: url("../fonts/ZalandoSansExpanded-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Zalando Sans Expanded";
	src: url("../fonts/ZalandoSansExpanded-ExtraBold.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Cambria-Font-For-Windows";
	src: url("../fonts/Cambria-Font-For-Windows.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/*--------------------------------------------------------------------------
# Custom properties
--------------------------------------------------------------------------*/

:root {
	/* Typography — families confirmed via assets/fonts/ */
	--font-family-display: "Hedvig Letters Serif", Georgia, "Times New Roman", serif;
	--font-family-body: "Zalando Sans Expanded", "Helvetica Neue", Arial, sans-serif;
	--font-family-alternate: "Cambria-Font-For-Windows", "Helvetica Neue", Arial, sans-serif;

	/* TODO: Replace size/line-height values with confirmed Figma type scale. */
	--font-size-body: 1rem;
	--font-size-small: 0.875rem;
	--font-size-eyebrow: 0.875rem;
	--font-size-button: 1rem;
	--font-size-h1: clamp(2.5rem, 5vw, 4.25rem);
	--font-size-h2: clamp(2rem, 3vw, 3.1875rem);
	--font-size-h3: clamp(1.5rem, 2vw, 2rem);
	--font-size-h4: 1.25rem;
	--line-height-body: 1.6;
	--line-height-heading: 1.2;
	--line-height-tight: 1.05;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--letter-spacing-eyebrow: 0.08em;

	/* Colors from Figma screenshot reference. */
	--color-bg: #FFF9E6;
	--color-bg-muted: #f7f5f0;
	--color-surface: #ffffff;
	--color-text: #092632;
	--color-text-muted: #5c5c5c;
	--color-text-inverse: #ffffff;
	--color-border: #d9d9d6;
	--color-primary: #2f3b2e;
	--color-primary-hover: #243024;
	--color-primary-active: #1c251c;
	--color-button: #000000;
	--color-button-hover:#FFF9E6;
	--color-button-active: #000000;
	--color-button-text: #ffffff;
	--color-focus: #2f3b2e;
	--color-disabled-bg: #e8e8e6;
	--color-disabled-text: #8a8a8a;
	--color-form-panel: #0B2F45;
	--color-form-border: rgb(255 255 255 / 0.35);
	--color-form-input: #f5f2e9;
	--color-form-placeholder: #5c5c5c;
	--color-footer-bg: #0b2f45;
	--color-footer-text: #fff9e6;
	--color-footer-line: #e8e8e8;

	/* Spacing */
	--space-2xs: 0.25rem;
	--space-xs: 0.5rem;
	--space-sm: 0.75rem;
	--space-md: 1rem;
	--space-lg: 1.5rem;
	--space-xl: 2rem;
	--space-2xl: 3rem;
	--space-3xl: 5rem;
	--section-space-y: var(--space-3xl);
	--container-width: 80rem;
	--container-padding: 1.25rem;
	--container-padding-desktop: 5rem;

	/* Radius — slight rounding visible on Figma CTAs */
	--radius-none: 0;
	--radius-sm: 0.125rem;
	--radius-md: 0.25rem;
	--radius-button: 0.125rem;
	--radius-full: 9999px;

	/* Shadows */
	--shadow-none: none;
	--shadow-sm: 0 1px 2px rgb(0 0 0 / 0.06);
	--shadow-md: 0 4px 16px rgb(0 0 0 / 0.08);

	/* Transitions */
	--transition-fast: 150ms ease;
	--transition-default: 250ms ease;
	--transition-slow: 400ms ease;

	/* Layout */
	--header-height: 4.5rem;
	--hero-height: 56.25rem;
	--z-header: 100;
	--z-overlay: 200;
}