/**
 * Kinesio Design System — CSS tokens
 * Source of truth aligned with Figma: Kinesio Design System
 */
:root {
  /* Colors — brand */
  --color-primary: #008060;
  --color-primary-dark: #004C3F;
  --color-heading: #004C3F;
  --color-text: #37383A;
  --color-text-muted: #6b7280;
  --color-link: #141b22;
  --color-link-hover: #008060;
  --color-bg: #ffffff;
  --color-bg-section: #FCFAF8;
  --color-accent: #6DD89F;
  --color-accent-hover: #5bc48d;
  --color-border: #eceff8;
  --color-white: #ffffff;

  /* Typography */
  --font-heading: 'Lora', Georgia, serif;
  --font-body: 'Ubuntu', system-ui, -apple-system, sans-serif;

  --text-body: 1.375rem;       /* 22px — исходный размер */
  --text-body-lg: 1.125rem;    /* 18px */
  --text-caption: 0.9375rem;   /* 15px */
  --text-nav: 1rem;            /* 16px */

  --text-h1: 2.5rem;           /* 40px */
  --text-h2: 2.1875rem;        /* 35px */
  --text-h3: 1.75rem;          /* 28px */
  --text-h4: 1.375rem;         /* 22px */
  --text-h5: 1.125rem;         /* 18px */
  --text-h6: 1rem;             /* 16px */

  /* Крупные заголовки блоков темы */
  --text-hero: 4.375rem;       /* 70px — slider, breadcrumb */
  --text-section: 3.125rem;    /* 50px — section-title */
  --text-card-title: 1.5625rem; /* 25px — services-box07 h5 */

  --leading-body: 28px;
  --leading-heading: 1.25;
  --leading-tight: 1.2;

  /* Spacing — 8px scale */
  --space-4: 0.25rem;   /* 4px */
  --space-8: 0.5rem;    /* 8px */
  --space-12: 0.75rem;  /* 12px */
  --space-16: 1rem;     /* 16px */
  --space-24: 1.5rem;   /* 24px */
  --space-32: 2rem;     /* 32px */
  --space-48: 3rem;     /* 48px */
  --space-64: 4rem;     /* 64px */
  --space-80: 5rem;     /* 80px */
  --space-96: 6rem;     /* 96px */
  --space-120: 7.5rem;  /* 120px */

  /* Section spacing aliases (theme compatibility) */
  --section-pt: var(--space-96);
  --section-pb: var(--space-64);
  --section-mb: var(--space-48);

  /* Components */
  --btn-font-size: 1.125rem;   /* 18px */
  --btn-padding-y: var(--space-16);
  --btn-padding-x: var(--space-32);
  --btn-radius: 4px;
  --btn-radius-alt: 10px;
}