/**
 * Design tokens. Superseded 2026-09-11: the project owner shared the
 * actual live HTML theme source (elite-clinic-dev.netlify.app,
 * assets/css/style.css) — its CSS custom properties are now the
 * authoritative values, more reliable than the earlier Figma-derived
 * readings (the Figma file and the coded theme disagree on the CTA
 * blue specifically — #2f80ed in Figma's node data vs. #0073FF
 * (`--primary-2`) in the real shipped CSS; the real HTML wins per the
 * owner's direction). See docs/themeforest/design-tokens.md for the
 * full source mapping.
 */

:root {
	/* Colors — from the real theme's :root (--primary/--primary-2/--secondary) */
	--eliteclinic-color-primary: #0073ff;      /* --primary-2 in source: main CTA (.theme-btn) */
	--eliteclinic-color-primary-light: #4bb1fa; /* --primary in source: accents, icon circles */
	--eliteclinic-color-neutral: #111111;       /* --secondary in source */
	--eliteclinic-color-surface-tint: #f2f7fd;
	--eliteclinic-color-surface-tint-2: #e7f0fb;
	--eliteclinic-color-white: #ffffff;

	/* Typography — confirmed from source: --font_inter, --font_manrope,
	   --font_raleway, plus --font_sugiyama ("Dr Sugiyama", cursive) for
	   signature-style text and --font_ephesis (cursive) elsewhere. */
	--eliteclinic-font-body: 'Manrope', sans-serif;
	--eliteclinic-font-signature: 'Dr Sugiyama', cursive;

	/* Radius */
	--eliteclinic-radius-pill: 30px; /* .theme-btn in source uses 30px, not 35px */
}
