/**
 * Shigatse Travels — global design tokens (single source of truth).
 * Luxury travel UI — burgundy, gold, warm editorial neutrals.
 */

@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Manrope:wght@400;500;600;700&display=swap");

:root {
	/* Brand — wine + gold (matches Manasarovar emblem) */
	--st-accent: #8b2432;
	--st-accent-2: #5c1822;
	--st-accent-soft: #f9f0f2;
	--st-accent-glow: rgb(139 36 50 / 0.22);
	--st-gold: #c4a052;
	--st-gold-soft: #f7f2e8;
	--st-burgundy: #9e002f;

	/* Legacy starter theme vars (output.css) — keep in sync with burgundy brand */
	--accent: 139 36 50;
	--accent-light: 249 240 242;

	/* Warm luxury neutrals */
	--st-bg: #faf8f5;
	--st-bg-alt: #f0ebe4;
	--st-surface: #ffffff;
	--st-ink: #141210;
	--st-muted: #6a645c;
	--st-line: rgb(20 18 16 / 0.08);
	--st-line-strong: rgb(20 18 16 / 0.14);

	/* Dark surfaces */
	--st-dark: #141210;
	--st-dark-deep: #0c0b0a;

	/* Typography — Fraunces (headlines) + Manrope (UI/body) */
	--st-font: "Manrope", system-ui, -apple-system, sans-serif;
	--st-font-serif: "Fraunces", Georgia, serif;
	--st-font-display: "Fraunces", Georgia, serif;
	--st-font-display-weight: 400;
	--st-heading-ls: -0.02em;

	--st-text-xs: 0.75rem;
	--st-text-sm: 0.875rem;
	--st-text-base: 1rem;
	--st-text-lg: 1.0625rem;

	--st-h1: clamp(2.5rem, 5vw, 3.875rem);
	--st-h2: clamp(1.75rem, 3vw, 2.375rem);
	--st-h3: clamp(1.25rem, 2vw, 1.5rem);

	/* Layout */
	--st-container: min(1180px, calc(100% - 2.5rem));
	--st-container-wide: min(1280px, calc(100% - 2.5rem));
	--st-header-height: 4.65rem;
	--st-section-y: clamp(4rem, 8vw, 7rem);

	/* Radii */
	--st-radius-sm: 12px;
	--st-radius: 18px;
	--st-radius-lg: 24px;
	--st-radius-xl: 32px;
	--st-radius-pill: 999px;

	/* Effects */
	--st-shadow-sm: 0 2px 16px rgb(20 18 16 / 0.05);
	--st-shadow: 0 16px 48px rgb(20 18 16 / 0.08);
	--st-shadow-lg: 0 28px 72px rgb(20 18 16 / 0.11);
	--st-glass: rgb(255 255 255 / 0.82);
	--st-glass-border: rgb(255 255 255 / 0.72);
	--st-blur: blur(24px);

	/* Motion */
	--st-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--st-duration: 0.32s;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--st-font);
	background: var(--st-bg);
	color: var(--st-ink);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.site-main {
	min-height: 50vh;
}

.st-serif {
	font-family: var(--st-font-display);
	font-weight: var(--st-font-display-weight);
	letter-spacing: var(--st-heading-ls);
}