/* ИТ КоР 5.0 (ITCore 2026) — фирменные токены.
   Источник: презентации организаторов hackathons/itkor5/slides/deck_b.pptx и deck_a.pptx
   (ppt/slides/*.xml — цвета srgbClr, ppt/theme/theme1.xml — шрифты; логотип ppt/media/image2.png,
   дуги ppt/media/image1.png). Word-PDF (Критерии, Памятка жюри) — Calibri/чёрно-белые, вторичны.

   Файл самодостаточен: подключите его отдельно (<link rel="stylesheet" href="/static/css/itcore-theme.css">)
   на любой странице, в т.ч. публичной. morda.css импортирует его и строит свои токены поверх --ik-*.
   Внешних CDN нет: PT Mono лежит в /static/fonts, остальное — системный Arial. */

@font-face {
  font-family: 'PT Mono';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/pt-mono-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'PT Mono';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/pt-mono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* фон слайдов и плашки */
  --ik-blue: #0A4AA4;        /* основной фон слайда (Росатом-синий) */
  --ik-blue-2: #063D9B;      /* глубокий синий (тени, нажатие) */
  --ik-navy: #0B397B;        /* карточки на слайде */
  --ik-navy-2: #0E3D83;      /* карточки, второй уровень */
  --ik-ink: #0A1F44;         /* текст на светлом фоне (производный от navy) */

  /* акценты */
  --ik-cyan: #6BE3FF;        /* главный акцент: номера, заголовки-метки, линии */
  --ik-sky: #2FA9DC;         /* линии-разделители */
  --ik-sky-2: #24B7E8;
  --ik-ice: #C8E7F4;         /* второстепенный текст на синем */
  --ik-ice-2: #A7DCF3;
  --ik-magenta: #DE4FBA;     /* вертикальная/горизонтальная полоса карточки */
  --ik-orange: #FF7A2F;      /* «о» в «КоР», «.» в «5.0», первая полоса титула */
  --ik-white: #FFFFFF;

  /* шрифты: тело — Arial (как в слайдах), метки и цифры — PT Mono (major font темы) */
  --ik-font: Arial, 'Helvetica Neue', Helvetica, 'Liberation Sans', 'Nimbus Sans', system-ui, sans-serif;
  --ik-font-mono: 'PT Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace;

  /* форма: скругления карточек слайдов крупные (≈24px на 1920), полосы 3–4px */
  --ik-radius: 16px;
  --ik-radius-sm: 10px;
  --ik-stripe: 3px;

  /* градиентная полоса-подпись (оранжевый → маджента → циан), как на титуле */
  --ik-stripes: linear-gradient(90deg, var(--ik-orange) 0 33%, var(--ik-magenta) 33% 66%, var(--ik-cyan) 66% 100%);

  --ik-logo: url('../img/itkor5-logo.webp');
  --ik-arcs: url('../img/itkor5-arcs.webp');
}

/* ── алиасы для публичной страницы (public/hackathon.html, PR #107) ───────
   Тёмная «слайдовая» схема: фон синий, карточки темнее. В админке и у судей эти
   имена перекрывает morda.css (он подключается позже и задаёт свои --line/--accent). */
:root {
  --bg: var(--ik-blue);
  --card: var(--ik-navy);
  --card2: var(--ik-navy-2);
  --line: rgba(107,227,255,.22);
  --line2: rgba(107,227,255,.13);
  --fg: #FFFFFF;
  --fg2: var(--ik-ice);
  --mut: var(--ik-ice-2);
  --accent: var(--ik-cyan);
  --ok: #7CF0B5;
  --warn: #FFB37A;
}

/* ── готовые фирменные элементы (по желанию) ─────────────────────────── */

/* синяя шапка с логотипом и дугами */
.ik-band {
  position: relative; overflow: hidden;
  background: var(--ik-blue); color: var(--ik-white);
  font-family: var(--ik-font);
}
.ik-band::after {           /* дуги в правом нижнем углу, как на слайдах */
  content: ""; position: absolute; right: -28px; bottom: -40px;
  width: 150px; height: 137px; pointer-events: none;
  background: var(--ik-arcs) no-repeat right bottom / contain; opacity: .85;
}
.ik-band > * { position: relative; z-index: 1; }

/* логотип РОСАТОМ · ИТ КоР 5.0 (растровый, на собственном синем фоне) */
.ik-logo { display: block; height: 44px; width: auto; border-radius: 6px; }

/* надзаголовок-метка: моноширинный, капс, циановый — как «ПОСТАНОВКА ЗАДАЧИ · …» */
.ik-kicker {
  font-family: var(--ik-font-mono); font-size: .72rem; letter-spacing: .06em;
  text-transform: uppercase; color: var(--ik-cyan);
}

/* три полосы под заголовком */
.ik-stripes { display: block; height: var(--ik-stripe); border-radius: 2px; background: var(--ik-stripes); }

/* «созвездие»: тонкая линия с точками (можно вставить как фоновую картинку) */
.ik-constellation {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 24'%3E%3Cg fill='none' stroke='%236BE3FF' stroke-width='.8'%3E%3Cpath d='M2 9 26 2 76 1 104 13 70 21M2 9 50 13'/%3E%3C/g%3E%3Cg fill='%236BE3FF'%3E%3Ccircle cx='2' cy='9' r='2'/%3E%3Ccircle cx='26' cy='2' r='2'/%3E%3Ccircle cx='76' cy='1' r='2'/%3E%3Ccircle cx='104' cy='13' r='2'/%3E%3Ccircle cx='70' cy='21' r='2'/%3E%3Ccircle cx='50' cy='13' r='2'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
}

/* карточка в стиле слайда: тёмно-синяя, с маджента-полосой сверху */
.ik-card {
  background: var(--ik-navy); color: var(--ik-white);
  border-radius: var(--ik-radius); border-top: var(--ik-stripe) solid var(--ik-magenta);
  padding: 1rem 1.2rem;
}