/* ============================================================
   DENTIS — design tokens
   Все значения резолвятся по фиксированным шкалам.
   Произвольных чисел в разметке быть не должно.
   ============================================================ */

:root {
  /* --- Палитра ------------------------------------------- */
  --bg:          #f0efec;
  --surface:     #ffffff;
  --surface-2:   #e8e7e2;
  --ink:         #14150f;
  --ink-2:       #6b6b66;
  --ink-3:       #9b9b96;
  --lime:        #bee66e;
  --lime-deep:   #a6d24e;
  --line:        rgba(20, 21, 15, 0.08);
  --line-strong: rgba(20, 21, 15, 0.16);

  /* на тёмных плитах */
  --on-dark:     #ffffff;
  --on-dark-2:   rgba(255, 255, 255, 0.56);
  --on-dark-3:   rgba(255, 255, 255, 0.28);
  --dark-line:   rgba(255, 255, 255, 0.12);

  /* --- Типографика --------------------------------------- */
  --font: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: var(--font);

  --t-xs:   0.75rem;   --lh-xs:   1rem;
  --t-sm:   0.875rem;  --lh-sm:   1.25rem;
  --t-base: 1rem;      --lh-base: 1.5rem;
  --t-lg:   1.125rem;  --lh-lg:   1.75rem;
  --t-xl:   1.25rem;   --lh-xl:   1.75rem;
  --t-2xl:  1.5rem;    --lh-2xl:  2rem;
  --t-3xl:  1.875rem;  --lh-3xl:  2.25rem;
  --t-4xl:  2.25rem;   --lh-4xl:  2.5rem;
  --t-5xl:  3rem;
  --t-6xl:  3.75rem;
  --t-7xl:  4.5rem;
  --t-8xl:  6rem;
  --t-9xl:  8rem;

  /* --- Спейсинг ------------------------------------------ */
  --s-0:   0;
  --s-25:  2px;
  --s-50:  4px;
  --s-75:  8px;
  --s-100: 12px;
  --s-200: 16px;
  --s-300: 24px;
  --s-400: 32px;
  --s-500: 40px;
  --s-600: 48px;
  --s-700: 64px;
  --s-800: 80px;
  --s-900: 96px;

  /* --- Радиусы ------------------------------------------- */
  --r-sm:   4px;
  --r-md:   6px;
  --r-lg:   8px;
  --r-xl:   12px;
  --r-2xl:  16px;
  --r-3xl:  24px;
  --r-4xl:  32px;
  --r-full: 9999px;

  /* --- Движение ------------------------------------------ */
  --ease:      cubic-bezier(0.32, 0.72, 0, 1);
  --d-fast:    240ms;
  --d-mid:     460ms;
  --d-slow:    700ms;
  --d-reveal:  900ms;

  /* --- Раскладка ----------------------------------------- */
  --shell:   1320px;   /* максимальная ширина контента */
  --gutter:  var(--s-300);
  --measure: 680px;    /* максимум для заголовка и лида */

  /* --- Тени ---------------------------------------------- */
  --shadow-card: 0 1px 2px rgba(20, 21, 15, 0.04),
                 0 8px 24px -12px rgba(20, 21, 15, 0.14);
  --shadow-lift: 0 2px 4px rgba(20, 21, 15, 0.05),
                 0 24px 56px -20px rgba(20, 21, 15, 0.24);
  --shadow-nav:  0 1px 2px rgba(20, 21, 15, 0.05),
                 0 12px 32px -14px rgba(20, 21, 15, 0.22);
}

@media (max-width: 767px) {
  :root { --gutter: var(--s-200); }
}