/* =============================================================================
   ДИЗАЙН-ТОКЕНЫ — 8-я Летняя школа по кибербезопасности, МЭИ
   -----------------------------------------------------------------------------
   ИСТОЧНИК:  дизайн-система «Cyber Terminal» (Stitch MPEI / Claude Design).
   ЭСТЕТИКА:  зелёный неон на чёрном, единственный шрифт JetBrains Mono,
              острые углы (0px везде), терминальная брутал-эстетика —
              матричный дождь, фосфорное свечение, мигающий курсор.

   ЭТО ЕДИНЫЙ ИСТОЧНИК ПРАВДЫ по цвету / типографике / отступам.
   Файл переиспользуется И публичным сайтом (site/), И темой CTFd
   (ctfd/themes/school/) — поэтому здесь не должно быть стилей под конкретную
   страницу, только переменные.

   ВАЖНО: имена токенов менять НЕЛЬЗЯ (общие для сайта и CTFd). При смене
          дизайна правьте только ЗНАЧЕНИЯ ниже.
   ============================================================================= */

:root {
  /* --- Поверхности / фон (тональные слои) ------------------------------------ */
  --color-bg:             #090d09; /* Level 0 — базовый чёрно-зелёный холст       */
  --color-surface:        #121a12; /* Level 1 — карточки и контейнеры             */
  --color-surface-bright: #1c261c; /* Level 2 — hover / повышенная поверхность    */

  /* --- Текст ----------------------------------------------------------------- */
  --color-text:           #e0e0e0; /* основной текст                             */
  --color-text-muted:     #808080; /* вторичный текст, подписи                    */
  --text-on-primary:      #000;    /* текст на ярких primary-заливках             */

  /* --- Бренд / акцент --------------------------------------------------------- */
  --color-primary:        #3ddc84;             /* фосфорно-зелёный неон           */
  --color-primary-dim:    rgba(61,220,132,.2); /* приглушённая заливка primary    */

  /* --- Границы --------------------------------------------------------------- */
  --color-border:         rgba(61,220,132,.2); /* стандартный неон-бордер         */
  --color-border-strong:  rgba(61,220,132,.6); /* заметный неон-бордер            */

  /* --- Семантика (статусы) --------------------------------------------------- */
  --color-error:          #ff4d4d;
  --color-warning:        #ffcc00;
  --color-success:        #3ddc84;
  --color-solved:         #3ddc84;             /* решённая задача — зелёный акцент */
  --color-locked:         rgba(128,128,128,.3);/* заблокированная задача          */

  /* --- Типографика ----------------------------------------------------------- */
  /* ЕДИНСТВЕННЫЙ шрифт проекта */
  --font-mono:            'JetBrains Mono', ui-monospace, monospace;

  /* размерная шкала (clamp для адаптива) */
  --fs-h1:                clamp(2.5rem, 1.4rem + 5vw, 4.5rem);   /* 72px / 1.1     */
  --fs-h2:                clamp(2rem, 1.4rem + 2.8vw, 3rem);     /* 48px / 1.2     */
  --fs-h3:                1.5rem;                                /* 24px / 1.4     */
  --fs-body:              1rem;                                  /* 16px / 1.6     */
  --fs-ui:                0.875rem;                              /* 14px / 1.4     */
  --fs-small:             0.75rem;                               /* 12px / 1.4     */

  --lh-h1:                1.1;
  --lh-h2:                1.2;
  --lh-h3:                1.4;
  --lh-body:              1.6;
  --lh-ui:                1.4;

  --fw-regular:           400;
  --fw-medium:            500;
  --fw-bold:              700;

  --tracking-heading:     0.1em;   /* uppercase-заголовки h1–h3                  */
  --tracking-body:        -0.02em; /* основной текст                             */

  /* --- Отступы --------------------------------------------------------------- */
  --space-xs:             4px;
  --space-sm:             8px;
  --space-md:             16px;
  --space-lg:             24px;
  --space-xl:             48px;

  --padding-mobile:       16px;
  --padding-desktop:      40px;

  /* --- Радиусы (острые углы — терминальная эстетика) ------------------------- */
  --radius-none:          0;

  /* --- Тени / свечение / скрим ----------------------------------------------- */
  --shadow-glow:          0 0 15px rgba(61,220,132,.3);  /* box свечение          */
  --text-glow:            0 0 10px rgba(61,220,132,.5);  /* text свечение         */
  --scrim-dark:           rgba(9,13,9,.92);              /* затемнение поверх фона */

  /* --- Раскладка ------------------------------------------------------------- */
  --container-max:        1280px;
  --nav-height:           64px;
}