/* ============================================================
   Amrita SeRVe — Design tokens
   Single source of truth for color, type, spacing, elevation.
   ============================================================ */
:root {
	/* --- Brand color system (restrained, earthy) --- */
	--as-green-900: #0f3d24;
	--as-green-800: #14532d;
	--as-green-700: #1b6b3a;
	--as-green: #1f7a43;
	--as-green-100: #e7f2ea;

	--as-orange: #e07a1f;       /* bright — decorative only (dividers, borders, icon accents) */
	--as-orange-600: #a85614;   /* AA-safe (5.2:1 on white) — text, buttons, links */
	--as-orange-700: #8a430d;   /* deep — hover */

	--as-bg: #faf7f0;      /* off-white page */
	--as-surface: #ffffff; /* cards / header */
	--as-beige: #f0e7d6;   /* warm accent */
	--as-beige-soft: #f6efe2;

	--as-text: #262421;      /* dark charcoal */
	--as-text-soft: #55504a; /* muted body */
	--as-line: #e8e1d3;      /* hairline borders */
	--as-line-strong: #d8cfbd;

	/* --- Typography --- */
	--as-font-head: "Fraunces", Georgia, "Times New Roman", serif;
	--as-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	/* Fluid type scale (matches brief: H1 48-60, H2 34-42, H3 22-28, body 17-19) */
	--as-h1: clamp(2.5rem, 1.5rem + 3.1vw, 3.6rem);
	--as-h2: clamp(1.95rem, 1.35rem + 2vw, 2.55rem);
	--as-h3: clamp(1.35rem, 1.1rem + 1vw, 1.72rem);
	--as-body: clamp(1.03rem, 0.99rem + 0.18vw, 1.16rem);
	--as-small: 0.9rem;
	--as-eyebrow: 0.82rem;

	/* --- Layout --- */
	--as-container: 1160px;      /* main content measure */
	--as-container-wide: 1320px; /* wide sections */
	--as-gutter: clamp(1.1rem, 4vw, 2.5rem);
	--as-section-y: clamp(3.2rem, 6vw, 6rem);

	/* --- Radius / elevation / motion --- */
	--as-radius: 14px;
	--as-radius-lg: 22px;
	--as-radius-pill: 999px;
	--as-shadow-sm: 0 2px 10px rgba(20, 40, 25, 0.06);
	--as-shadow: 0 12px 34px rgba(20, 40, 25, 0.10);
	--as-shadow-lg: 0 26px 64px rgba(15, 40, 25, 0.16);
	--as-ease: cubic-bezier(0.22, 0.61, 0.36, 1);

	/* --- Header --- */
	--as-header-h: 84px;
	--as-header-h-scrolled: 64px;
}

/* ------------------------------------------------------------------
   Remap Astra's global color palette to the brand palette so every
   Astra-rendered element (buttons, links, block colors, headings)
   is on-brand instead of the default blue. Applied with !important
   to win regardless of Astra's inline dynamic-CSS order.
   ------------------------------------------------------------------ */
:root {
	--ast-global-color-0: var(--as-green) !important;      /* primary / links */
	--ast-global-color-1: var(--as-green-900) !important;  /* primary hover */
	--ast-global-color-2: var(--as-green-900) !important;  /* headings */
	--ast-global-color-3: var(--as-text) !important;       /* body text */
	--ast-global-color-4: #ffffff !important;              /* base bg */
	--ast-global-color-5: var(--as-beige-soft) !important; /* light bg */
	--ast-global-color-6: var(--as-text) !important;
	--ast-global-color-7: var(--as-line) !important;       /* borders */
	--ast-global-color-8: var(--as-green-900) !important;
	--ast-link-color: var(--as-green) !important;
}