/* Siki Wild Safaris design tokens.
   Components read tokens only — a brand change is made here. */
:root {
	/* Colour */
	--sk-brand: #4F6228;        /* bush green */
	--sk-brand-dark: #2E3B1F;   /* acacia / deep olive */
	--sk-brand-light: #F3EEDF;  /* sand */
	--sk-accent: #C07A1E;       /* savanna ochre */
	--sk-accent-dark: #93590F;
	--sk-accent-light: #FBEBD2;
	--sk-surface: #FAF6EE;
	--sk-bg: #FCFAF5;
	--sk-text: #1F1B14;
	--sk-muted: #6E6656;
	--sk-border: #E6DECD;
	--sk-white: #FFFFFF;
	--sk-danger: #B42318;
	--sk-whatsapp: #128C4A;
	--sk-overlay: rgba(46, 59, 31, .72);

	/* Type */
	--sk-font: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--sk-fs-display: clamp(2rem, 1.35rem + 2.2vw, 3rem);
	--sk-fs-h1: clamp(1.75rem, 1.4rem + 1.2vw, 2.375rem);
	--sk-fs-h2-lg: clamp(1.75rem, 1.2rem + 1.9vw, 2.75rem);
	--sk-fs-h2: clamp(1.375rem, 1.2rem + .6vw, 1.75rem);
	--sk-fs-h3: clamp(1.125rem, 1.05rem + .3vw, 1.375rem);
	--sk-fs-stat: clamp(2rem, 1.6rem + 1.3vw, 2.75rem);
	--sk-fs-price: clamp(1.125rem, 1.08rem + .2vw, 1.25rem);
	--sk-fs-card: 1rem;
	--sk-fs-body: clamp(.9375rem, .92rem + .1vw, 1rem);
	--sk-fs-sm: .875rem;
	--sk-fs-xs: .8125rem;
	--sk-fs-xxs: .75rem;
	--sk-lh: 1.62;

	/* Layout */
	--sk-container: 1280px;
	--sk-narrow: 760px;
	--sk-gutter: 24px;
	--sk-space-1: 4px;
	--sk-space-2: 8px;
	--sk-space-3: 12px;
	--sk-space-4: 16px;
	--sk-space-5: 20px;
	--sk-space-6: 24px;
	--sk-space-7: 32px;
	--sk-space-8: 40px;
	--sk-space-9: 56px;
	--sk-space-10: 72px;
	--sk-section-y: 56px;
	--sk-section-y-lg: 72px;
	--sk-head-gap: 24px;
	--sk-gap-cards: 24px;
	--sk-gap-tiles: 24px;

	/* Shape */
	--sk-r-sm: 6px;
	--sk-r-md: 8px;
	--sk-r-lg: 12px;
	--sk-r-xl: 16px;
	--sk-r-pill: 999px;
	--sk-bw: 1px;
	--sk-shadow-sm: 0 1px 2px rgba(31, 27, 20, .06);
	--sk-shadow-md: 0 8px 24px rgba(46, 59, 31, .10);
	--sk-shadow-lg: 0 18px 48px rgba(46, 59, 31, .18);

	/* Motion */
	--sk-ease: cubic-bezier(.2, .7, .2, 1);
	--sk-dur: 160ms;
	--sk-dur-slow: 240ms;

	/* Controls */
	--sk-h-btn: 40px;
	--sk-h-btn-sm: 36px;
	--sk-h-btn-lg: 48px;
	--sk-h-input: 48px;
	--sk-h-chip: 36px;

	/* Z */
	--sk-z-header: 50;
	--sk-z-mobilebar: 55;
	--sk-z-drawer: 60;
	--sk-z-toast: 70;

	/* Header heights (used for sticky offsets) */
	--sk-header-h: 72px;
	--sk-mobilebar-h: 64px;
}

@media (max-width: 1023px) {
	:root {
		--sk-gutter: 20px;
		--sk-section-y: 40px;
		--sk-section-y-lg: 48px;
		--sk-header-h: 64px;
	}
}

@media (max-width: 767px) {
	:root {
		--sk-gutter: 16px;
		--sk-section-y: 32px;
		--sk-section-y-lg: 40px;
		--sk-head-gap: 16px;
		--sk-gap-cards: 16px;
		--sk-gap-tiles: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--sk-dur: 0ms;
		--sk-dur-slow: 0ms;
	}
}