/* ============================================================
   ATHLETIUS — дизайн-токены
   Тёмная тема: чёрный/графит фон, белый текст, красный акцент.
   Красный — только primary CTA, активные состояния, значимые статусы.
   ============================================================ */
:root{
  /* Фоны */
  --bg:          #0A0B0D;   /* основной, почти чёрный */
  --bg-2:        #101216;   /* графит */
  --surface:     #14171C;   /* карточки/поля */
  --surface-2:   #1B1F26;   /* приподнятые поверхности */
  --line:        #262B33;   /* границы */
  --line-strong: #333A44;

  /* Текст */
  --text:        #F4F6F8;
  --text-dim:    #AEB6C0;
  --muted:       #7C858F;
  --faint:       #545C66;

  /* Красный акцент ATHLETIUS */
  --red:         #E4172B;
  --red-bright:  #FF2A3C;
  --red-deep:    #B00E1F;
  --red-ink:     #FFFFFF;              /* текст на красной кнопке */
  --red-glow:    rgba(228,23,43,.45);
  --red-dim:     rgba(228,23,43,.14);  /* мягкая подложка */
  --grad-red:    linear-gradient(180deg, #FF2A3C 0%, #E4172B 45%, #C11020 100%);

  /* Статусы */
  --ok:          #34C759;
  --warn:        #E3B341;
  --danger:      #FF4D5E;

  /* Типографика */
  --font-display: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-ui:      'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Радиусы / тени */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 24px;
  --shadow-1: 0 6px 24px rgba(0,0,0,.45);
  --shadow-red: 0 10px 30px var(--red-glow);

  /* Раскладка */
  --maxw: 480px;
  --nav-h: 64px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

*{ box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent; }
html,body{ height:100%; }
html{ background:var(--bg); }
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-ui);
  font-size:16px;
  line-height:1.4;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
button, input{ font-family:inherit; color:inherit; }
button{ cursor:pointer; border:none; background:none; }
a{ color:var(--red-bright); text-decoration:none; }
[hidden]{ display:none !important; }

/* Корневой контейнер экрана */
.app-root{
  min-height:100dvh;
  max-width:var(--maxw);
  margin:0 auto;
  position:relative;
  isolation:isolate;
}

/* Утилиты */
.u-center{ display:flex; align-items:center; justify-content:center; }
.u-col{ display:flex; flex-direction:column; }