/* Дизайн-токены. Тёмно-бирюзовая база 1B4544, стеклянные карточки,
   акценты — лайм EBFA5F и оранжевый FB7814. Светлой темы нет: стиль намеренно один. */
:root {
  color-scheme: dark;

  /* База и градиент фона */
  --base: #1B4544;
  --base-deep: #0D2524;
  --base-lift: #2B6460;
  /* Сверху темно, к низу светлее — как на style-ref-glass.jpg */
  --bg-gradient:
    radial-gradient(135% 68% at 16% 110%, rgba(126,204,192,.5) 0%, rgba(43,100,96,0) 68%),
    radial-gradient(115% 56% at 98% 86%, rgba(96,178,167,.32) 0%, rgba(43,100,96,0) 64%),
    linear-gradient(180deg, #08201F 0%, #123433 17%, #1F4F4C 41%, #2F736A 71%, #429184 100%);

  /* Стекло */
  --glass: rgba(255,255,255,.075);
  --glass-2: rgba(255,255,255,.13);
  --glass-line: rgba(255,255,255,.14);
  --glass-line-soft: rgba(255,255,255,.08);
  --glass-shadow: 0 16px 40px rgba(6,26,25,.38);

  /* Текст */
  --text: #F1F7F3;
  --text-2: #9FBAB4;
  --text-3: #6E8D88;
  --on-accent: #10302E;

  /* Акценты */
  --lime: #EBFA5F;
  --lime-deep: #C9DD34;
  --orange: #FB7814;
  --orange-soft: #FFA45C;

  --grad-distance: linear-gradient(90deg, #FB7814 0%, #EBFA5F 100%);
  --grad-distance-v: linear-gradient(180deg, #EBFA5F 0%, #FB7814 100%);
  --grad-time: linear-gradient(180deg, #FFC08A 0%, #FB7814 100%);
  --grad-count: linear-gradient(180deg, #EBFA5F 0%, #7FBF7A 100%);
  --grad-weight: linear-gradient(90deg, #EBFA5F 0%, #57D6A8 100%);
  --done: #EBFA5F;

  /* Пульсовые зоны — в одной гамме с акцентами */
  --zone-light: #7FD8D2;
  --zone-fat: #A8E45C;
  --zone-aerobic: #EBFA5F;
  --zone-anaerobic: #FFA45C;
  --zone-vo2: #FB7814;

  --r-xl: 28px;
  --r: 22px;
  --r-sm: 16px;
  --r-xs: 12px;
  --pad: 18px;
  --tap: 44px;
  --nav-h: 66px;

  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ease: cubic-bezier(.22,.61,.36,1);
}