/* ═══════════════════════════════════════════════════════════
   EDGE · токены дизайн-системы
   Файл принят из хендоффа (Downloads/variables.css) БЕЗ ПРАВОК.
   Все значения ниже — источник истины. Семантические псевдонимы
   (--violet, --paper, --r-card и т.д.) собраны поверх них в edge.css,
   чтобы при следующем хендоффе достаточно было заменить этот файл.
   theme.css из того же хендоффа не подключаем: это блок @theme для
   Tailwind v4, а Tailwind в проекте нет.
   ═══════════════════════════════════════════════════════════ */

:root {
  /* Colors */
  --color-hims-violet: #5d48db;
  --color-carbon-black: #000000;
  --color-paper-white: #ffffff;
  --color-vellum-gray: #f0f0f0;
  --color-graphite: #2e2e2e;
  --color-linen: #e0e0e0;
  --color-stone: #8f8f8f;
  --color-soft-mint: #3fd194;
  --color-iris: #9685ff;

  /* Typography — Font Families */
  --font-sofia: 'sofia', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Typography — Scale */
  --text-caption: 14px;
  --leading-caption: 1.67;
  --tracking-caption: -0.012px;
  --text-body-sm: 16px;
  --leading-body-sm: 1.43;
  --tracking-body-sm: -0.012px;
  --text-body: 18px;
  --leading-body: 1.33;
  --tracking-body: -0.012px;
  --text-subheading: 20px;
  --leading-subheading: 1.25;
  --tracking-subheading: -0.012px;
  --text-heading-sm: 32px;
  --leading-heading-sm: 1.2;
  --tracking-heading-sm: -0.017px;
  --text-heading: 44px;
  --leading-heading: 1.15;
  --tracking-heading: -0.017px;
  --text-heading-lg: 84px;
  --leading-heading-lg: 1.1;
  --tracking-heading-lg: -0.017px;
  --text-display: 141px;
  --leading-display: 1.04;
  --tracking-display: -0.047px;

  /* Typography — Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;

  /* Spacing */
  --spacing-unit: 4px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-64: 64px;
  --spacing-100: 100px;
  --spacing-156: 156px;
  --spacing-160: 160px;
  --spacing-200: 200px;

  /* Layout */
  --page-max-width: 1200px;
  --section-gap: 90px;
  --card-padding: 32px;
  --element-gap: 20px;

  /* Border Radius */
  --radius-3xl: 30px;
  --radius-3xl-2: 45px;
  --radius-full: 52px;

  /* Named Radii */
  --radius-nav: 52px;
  --radius-cards: 30px;
  --radius-buttons: 30px;
  --radius-app-icon: 45px;
  --radius-feature-cards: 45px;

  /* Shadows */
  --shadow-xl: rgba(0, 0, 0, 0.12) 0px 27px 104px 0px;
  --shadow-xl-2: rgba(0, 0, 0, 0.11) 0px 8px 127px 0px;
  --shadow-xl-3: rgba(0, 0, 0, 0.25) 0px 9px 46px 0px;
  --shadow-xl-4: rgba(0, 0, 0, 0.06) 0px 8px 30px 0px;

  /* Surfaces */
  --surface-page-canvas: #ffffff;
  --surface-card-surface: #ffffff;
  --surface-nav-surface: #ffffff;
}