@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&family=Montserrat:wght@600;700;800&family=Onest:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Sora:wght@600;700&display=swap');

:root {
    --hc-navy: #002b2d;
    --hc-navy-light: #0a3d42;
    --hc-navy-pattern: #0d4a4f;
    --hc-accent: #00d084;
    --hc-accent-hover: #00b872;
    --hc-black: #111111;
    --hc-gray: #6c757d;
    --hc-gray-light: #e9ecef;
    --hc-white: #ffffff;
    --hc-radius: 12px;
    --hc-radius-sm: 8px;
    --hc-radius-pill: 999px;
    --hc-shadow: 0 4px 24px rgba(0, 43, 45, 0.08);
    --hc-container-max: 1200px;
    --hc-nav-height: 88px;

    /* Typography — readable for medical audience */
    --hc-text-xs: 0.9375rem;
    --hc-text-sm: 1.0625rem;
    --hc-text-base: 1.125rem;
    --hc-text-md: 1.25rem;
    --hc-text-lg: 1.375rem;
    --hc-text-xl: 1.5rem;
    --hc-text-2xl: 1.875rem;
    --hc-text-3xl: 2.25rem;
    --hc-section-title: clamp(2rem, 3.5vw, 2.625rem);
    --hc-page-title: clamp(2.25rem, 4vw, 2.875rem);
    --hc-hero-title: clamp(2.25rem, 5.5vw, 3.75rem);
    --hc-hero-subtitle: clamp(1.125rem, 2.2vw, 1.4375rem);
    --hc-stats-value: clamp(2.75rem, 5.5vw, 3.875rem);
    --hc-line-body: 1.7;
    --hc-line-heading: 1.25;
    --hc-line-tight: 1.15;

    --font-body: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
    --font-heading: 'Sora', 'Plus Jakarta Sans', sans-serif;
    --font-ui: 'Montserrat', 'Segoe UI', sans-serif;
}

body.lang-kk {
    --font-body: 'Onest', 'Segoe UI', sans-serif;
    --font-heading: 'Montserrat', 'Onest', sans-serif;
}

body.lang-ru {
    --font-body: 'Golos Text', 'Segoe UI', sans-serif;
    --font-heading: 'Montserrat', 'Golos Text', sans-serif;
}

body.lang-en {
    --font-body: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
    --font-heading: 'Sora', 'Plus Jakarta Sans', sans-serif;
}