/* Clínica Dental Irún — initial art direction, editable from one token layer. */
:root {
	--color-primary: #477c16;
	--color-primary-dark: #315c0c;
	--color-primary-light: #eef6e5;
	--color-accent: #5e9f1c;
	--color-action: #4c8316;
	--color-action-hover: #447614;
	--color-action-text: #ffffff;
	--color-text: #1d2734;
	--color-text-muted: #495564;
	--color-background: #ffffff;
	--color-surface: #f8faf6;
	--color-surface-warm: #f5f6f2;
	--color-border: #dce3d5;
	--color-border-strong: #87937f;
	--color-success: #3d7027;
	--color-star: #a96000;
	--color-placeholder: #eaf0e4;
	--color-placeholder-line: #c4d5b6;
	--color-disabled-bg: #e5eadd;
	--color-disabled-text: #5f6a54;
	--font-family-primary: 'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-size-xs: .8125rem;
	--font-size-sm: .9375rem;
	--font-size-md: 1.0625rem;
	--font-size-card: 1.125rem;
	--font-size-card-meta: 1rem;
	--font-size-lg: 1.1875rem;
	--font-size-xl: 1.375rem;
	--font-size-2xl: clamp(1.75rem, 2.5vw, 2.25rem);
	--font-size-hero: clamp(2.5rem, 4vw, 3.625rem);
	--font-size-price-mobile: 2.125rem;
	--font-size-card-title-mobile: 1.25rem;
	--font-size-price: clamp(2.75rem, 4.2vw, 3.625rem);
	--line-height-body: 1.6;
	--line-height-heading: 1.13;
	--font-weight-regular: 400;
	--font-weight-medium: 550;
	--font-weight-semibold: 600;
	--font-weight-bold: 650;
	--space-1: .25rem;
	--space-2: .5rem;
	--space-3: .75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--space-20: 5rem;
	--space-24: 6rem;
	--section-space: clamp(3.5rem, 6.1vw, 5.5rem);
	--section-space-compact: clamp(2.5rem, 4vw, 4rem);
	--section-space-comfortable: clamp(3rem, 5vw, 4.5rem);
	--section-space-feature: clamp(3.5rem, 6vw, 6rem);
	--section-inner-space: clamp(2rem, 3.6vw, 3rem);
	--page-gutter: clamp(1.25rem, 3.2vw, 3rem);
	--radius-sm: .375rem;
	--radius-md: .75rem;
	--radius-lg: .875rem;
	--radius-xl: 1.25rem;
	--shadow-sm: 0 3px 16px rgb(29 39 52 / .05);
	--shadow-md: 0 8px 28px rgb(29 39 52 / .07);
	--card-radius: var(--radius-md);
	--card-border: 1px solid var(--color-border);
	--card-shadow: var(--shadow-sm);
	--container-width: 72rem;
	--container-wide: 81rem;
	--content-width: 68ch;
	--header-height: 6.25rem;
	--topbar-height: 2.25rem;
	--header-panel-height: 5.5rem;
	--header-panel-height-mobile: 4rem;
	--header-panel-radius: .625rem;
	--header-float-gap: .5rem;
	--header-side-gap: clamp(1.25rem, 2vw, 1.875rem);
	--header-bar-background: var(--color-primary-dark);
	--header-bar-text: var(--color-action-text);
	--header-panel-background: var(--color-background);
	--header-scroll-shadow: var(--shadow-md);
	--button-height: 3rem;
	--target-size: 2.75rem;
	--icon-sm: 1.125rem;
	--icon-md: 1.5rem;
	--icon-lg: 2.125rem;
	--icon-brand: 2.75rem;
	--hero-ratio: 1.06;
	--hero-min-height: 40rem;
	--service-ratio: 1.65;
	--expertise-ratio: 1.35;
	--transition-fast: 160ms ease;
	--transition-normal: 240ms ease;
	--layer-menu: 20;
	--layer-skip: 1000;
}