/* ============================================
   MEDEUS — дизайн-токени
   Джерело: docs/design-system.md + брендбук клієнта
   ============================================ */

:root {
  /* Кольори */
  --bg: #ffffff;
  --bg-alt: #f4f4f7;
  --ink: #0a0a0f;
  --ink-soft: #5a5a66;
  --ink-faint: #9a9aa6;
  --accent: #553de2;
  --accent-deep: #3f2bb8;
  --accent-2: #9a3bff;
  --dark: #07060d;
  --success: #64ff64;
  --warn: #ffd252;

  --accent-04: rgba(85, 61, 226, 0.04);
  --accent-08: rgba(85, 61, 226, 0.08);
  --accent-15: rgba(85, 61, 226, 0.15);
  --accent-25: rgba(85, 61, 226, 0.25);
  --ink-04: rgba(10, 10, 15, 0.04);
  --ink-06: rgba(10, 10, 15, 0.06);
  --ink-10: rgba(10, 10, 15, 0.1);

  /* Типографіка */
  --font-display: 'Sofia Sans Extra Condensed', 'Oswald', sans-serif;
  --font-body: 'Onest', -apple-system, sans-serif;
  --font-serif: 'Cormorant Garamond', Georgia, serif;

  --text-h1: clamp(2.9rem, 7.5vw, 5rem);
  --text-h2: clamp(2.4rem, 5.5vw, 4.2rem);
  --text-h3: clamp(1.35rem, 2.2vw, 1.75rem);
  --text-lead: clamp(1.05rem, 1.6vw, 1.3rem);
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-eyebrow: 0.6875rem;

  /* Простір */
  --section-pad: clamp(72px, 9vw, 128px);
  --container-max: 1240px;
  --container-pad: clamp(20px, 4vw, 48px);

  /* Радіуси (концентричні: внутрішній = зовнішній - падінг) */
  --r-shell: 28px;
  --r-core: 22px;
  --r-pill: 999px;
  --bezel-pad: 6px;

  /* Тіні — м'які, розсіяні, фіолетові */
  --shadow-soft: 0 24px 64px -24px rgba(10, 10, 15, 0.12);
  --shadow-accent: 0 8px 32px rgba(85, 61, 226, 0.28);
  --shadow-float: 0 32px 96px -32px rgba(85, 61, 226, 0.18);

  /* Рух */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-ui: 180ms;
  --dur-reveal: 700ms;
}