/* ============================================================
 * 12 недель — дизайн-токены (единые для всех форматов)
 * Источник правды: ~/Documents/12 недель АПП/src/styles/tokens.css
 * Размеры (радиусы, тени) в rem: 1rem = базовая единица формата,
 * её задаёт system/formats/<формат>.css через html { font-size }.
 * Для веба радиусы переопределены в system/web.css (px).
 * ============================================================ */
:root {
  /* Поверхности */
  --color-bg: #FFFFFF;
  --color-bg-alt: #F2F3F5;
  --color-bg-tertiary: #F2F3F5;

  /* Текст */
  --color-text: #1E0518;
  --color-text-muted: #9B9B9B;

  /* Розовый бренд */
  --color-accent: #EFACDF;
  --color-accent-soft: #F9E0F2;
  --color-accent-on: #1E0518;

  /* CTA: тёмная капсула */
  --color-cta: #1E0518;
  --color-cta-on: #FFFFFF;

  --color-border: #EBEBEB;

  /* Пастельные карточки */
  --card-pink: #F9E0F2;
  --card-blush: #FBE2D8;
  --card-cream: #F5E6CA;
  --card-mist: #DCE6EC;
  --card-sage: #D9E6CE;
  --card-lavender: #E2D9F0;
  --card-aubergine: #1E0518;
  --card-aubergine-on: #FFFFFF;

  /* Статусные */
  --color-success: #6B9E6B;
  --color-warn: #D89F4A;
  --color-danger: #C56B5C;

  /* Нейтральная тёмная тема (из приложения), НЕ аубергин */
  --dark-bg: #14131A;
  --dark-bg-elevated: #1F1E25;
  --dark-bg-tertiary: #26252D;
  --dark-text: #F2EFF4;
  --dark-muted: #9C97A2;

  /* Служебные полупрозрачные */
  --on-dark-muted: rgba(255, 255, 255, 0.6);
  --on-dark-border: rgba(255, 255, 255, 0.15);
  --on-dark-overlay: rgba(255, 255, 255, 0.10);
  --on-light-border: rgba(30, 5, 24, 0.15);
  --on-light-overlay: rgba(30, 5, 24, 0.06);

  /* Шрифты. Bricolage без кириллицы: русские буквы падают в Onest сами */
  --font-display: 'Bricolage Grotesque', 'Onest', 'Inter', system-ui, sans-serif;
  --font-sans: 'Inter', 'Onest', system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --font-emoji: 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif;

  /* Радиусы (в приложении 10 / 16 / 24 / 32 / 999) */
  --radius-sm: 1rem;
  --radius: 1.6rem;
  --radius-lg: 2.4rem;
  --radius-xl: 3.2rem;
  --radius-pill: 999px;

  /* Тени: только мягкие */
  --shadow-card: 0 1.2rem 4rem rgba(30, 5, 24, 0.06);
  --shadow-elevated: 0 2.4rem 6rem rgba(30, 5, 24, 0.10);
  --shadow-phone: -5rem 3rem 10rem rgba(30, 5, 24, 0.18);

  /* Трекинг */
  --tracking-display: -0.04em;
  --tracking-eyebrow: 0.08em;
}