/**
 * Design tokens — Lighthouse Gastroenterology
 * "Warm & sunny" system: vibrant sunset orange (#fb8b23) forward, on white,
 * with a warm charcoal for text/dark blocks. Image-rich, dense, professional.
 */

:root {
	/* --- Core palette --- */
	--c-orange:      #fb8b23; /* PRIMARY brand orange (sunset) */
	--c-orange-deep: #e9760f; /* hover / pressed */
	--c-amber:       #ffb43d; /* secondary warm */
	--c-gold:        #ffd166; /* golden hour highlight */
	--c-coral:       #f26a3a; /* accent */

	--c-dark:        #1f1813; /* warm near-black (text + dark blocks) */
	--c-dark-2:      #2c241c; /* raised dark surface */
	--c-ink:         #211a13; /* body text */

	--c-white:       #ffffff;
	--c-paper:       #ffffff;
	--c-warm:        #fff6ea; /* soft sunny tint (used sparingly) */
	--c-warm-2:      #fdeeda; /* deeper warm tint / card */
	--c-line:        #ece3d6; /* warm hairline */

	/* --- Semantic roles --- */
	--bg:           #ffffff;
	--bg-alt:       #ffffff;
	--bg-soft:      var(--c-warm);
	--bg-dark:      var(--c-dark);
	--text:         var(--c-ink);
	--text-soft:    #6b5f50;
	--text-muted:   #9c8e7c;
	--text-invert:  #fbf4ea;
	--brand:        var(--c-orange);
	--brand-strong: var(--c-orange-deep);
	--rule:         var(--c-line);
	--rule-strong:  #d9cbb6;
	--rule-invert:  rgba(251, 244, 234, 0.16);

	/* --- Signature gradients --- */
	--gradient-sun:  linear-gradient(135deg, var(--c-gold) 0%, var(--c-orange) 55%, var(--c-coral) 100%);
	--gradient-cta:  linear-gradient(120deg, var(--c-amber) 0%, var(--c-orange) 60%, var(--c-coral) 100%);
	/* Hero scrim over imagery: warm dark at the bottom -> clear at top. */
	--scrim-hero:    linear-gradient(180deg, rgba(31,24,19,0.15) 0%, rgba(31,24,19,0.25) 42%, rgba(31,24,19,0.82) 100%);
	--scrim-warm:    linear-gradient(110deg, rgba(233,118,15,0.55) 0%, rgba(31,24,19,0.78) 75%);
	/* Sunset placeholder fill for empty image slots. */
	--gradient-slot: linear-gradient(150deg, #ffd166 0%, #fb8b23 50%, #f26a3a 100%);

	/* --- Typography --- */
	--font-display: "Cheltenham BT", Georgia, "Times New Roman", serif;
	--font-body:    "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--font-label:   var(--font-body);

	/* Fluid type scale */
	--fs-mega:    clamp(2.9rem, 1.4rem + 7.4vw, 7.5rem);
	--fs-display: clamp(2.2rem, 1.3rem + 4.4vw, 4.5rem);
	--fs-h1:      clamp(2rem, 1.4rem + 2.6vw, 3.4rem);
	--fs-h2:      clamp(1.7rem, 1.3rem + 1.8vw, 2.6rem);
	--fs-h3:      clamp(1.3rem, 1.1rem + 0.8vw, 1.6rem);
	--fs-lead:    clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
	--fs-body:    1.05rem;
	--fs-small:   0.9rem;
	--fs-label:   0.74rem;

	--lh-tight:  0.98;
	--lh-snug:   1.08;
	--lh-body:   1.6;
	--track-label: 0.15em;

	/* --- Spacing (tightened to reduce empty space) --- */
	--space-3xs: 0.25rem;
	--space-2xs: 0.5rem;
	--space-xs:  0.75rem;
	--space-sm:  1rem;
	--space-md:  1.5rem;
	--space-lg:  2.25rem;
	--space-xl:  3.25rem;
	--space-2xl: 4.5rem;
	--space-section: clamp(3.5rem, 2.5rem + 4vw, 6rem); /* section rhythm — tighter than before */

	/* --- Layout --- */
	--container:        1240px;
	--container-wide:   1440px;
	--container-narrow: 800px;
	--gutter: clamp(1.25rem, 0.7rem + 2.4vw, 3rem);

	/* --- Radii --- */
	--radius-xs: 6px;
	--radius-sm: 10px;
	--radius:    16px;
	--radius-lg: 24px;

	/* --- Shadows (warm) --- */
	--shadow-sm: 0 2px 10px rgba(80, 50, 15, 0.08);
	--shadow:    0 18px 40px -18px rgba(80, 50, 15, 0.28);
	--shadow-lg: 0 40px 80px -32px rgba(80, 50, 15, 0.4);
	--shadow-brand: 0 16px 30px -12px rgba(251, 139, 35, 0.5);

	/* --- Motion --- */
	--ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--dur-fast: 0.2s;
	--dur:      0.4s;
	--dur-slow: 0.8s;

	--header-h: 84px;
	--z-header: 100;
	--z-menu:   200;
	--z-overlay: 300;
}