/* Business Cool — design tokens. Подключить целиком в проект. */

@font-face { font-family: 'BC-Unbounded'; font-weight: 200 900; src: url('fonts/BC-Unbounded.woff2') format('woff2');
  font-display: swap;
}
@font-face { font-family: 'BC-Manrope'; font-weight: 200 800; src: url('fonts/BC-Manrope.woff2') format('woff2');
  font-display: swap;
}
@font-face { font-family: 'BC-UraBumBum'; font-weight: normal; src: url('fonts/BC-UraBumBum.woff2') format('woff2');
  font-display: swap;
}

:root {
  /* Цвета */
  --bc-lavender: #C1ABE5;
  --bc-lavender-mid: #D4C5EE;
  --bc-lavender-light: #E8E0F5;
  --bc-lavender-pale: #F2EEF9;
  --bc-yellow: #FEE889;
  --bc-yellow-light: #FFF6C0;
  --bc-pink: #FADADD;
  --bc-pink-light: #FDF0F1;
  --bc-caramel: #F7D7A3;
  --bc-caramel-light: #FDF1DC;
  --bc-milk: #FAFAF8;
  --bc-green: #65958D;
  --bc-green-light: #B8D5D1;
  --bc-green-pale: #E6F0EE;
  --bc-dark: #333333;
  --bc-dark-gradient: linear-gradient(135deg, #3E3E3E, #1C1C1C);
  --bc-dark-mid: #4A3B6E;
  --bc-gray: #7A6E8E;
  --bc-gray-light: #C0B8D0;

  /* Шрифты — именованы по роли, не по конкретному шрифту (см. SKILL.md, апдейт 2026-07-22) */
  --bc-font-heading: 'BC-Unbounded', sans-serif;
  --bc-font-body: 'BC-Manrope', sans-serif;
  --bc-font-accent: 'BC-UraBumBum', cursive;

  /* Старые имена — алиасы на переходный период, не ломают уже собранный код.
     В новом коде использовать только --bc-font-heading/body/accent. */
  --bc-font-hero: var(--bc-font-heading);
  --bc-font-inter: var(--bc-font-body);
  --bc-font-babayka: var(--bc-font-accent);

  /* Тени */
  --bc-shadow-xs: 0 2px 8px rgba(45,31,78,.05);
  --bc-shadow-sm: 0 4px 16px rgba(45,31,78,.07);
  --bc-shadow-md: 0 8px 28px rgba(45,31,78,.10);
  --bc-shadow-lg: 0 16px 48px rgba(45,31,78,.14);
  --bc-shadow-lavender: 0 8px 28px rgba(193,171,229,.5);

  /* Радиусы */
  --bc-radius-sm: 16px;
  --bc-radius-lg: 100px;
}

/* Базовые правила: не переопределять фон на чёрный/dark, всегда milk */
body {
  background: var(--bc-milk);
  color: var(--bc-dark);
  font-family: var(--bc-font-body);
}

h1, h2, .bc-heading {
  font-family: var(--bc-font-heading);
}

.bc-accent {
  font-family: var(--bc-font-accent);
  /* Только кириллица — не подставлять латиницу/название бренда сюда */
}

.bc-plate-dark {
  background: var(--bc-dark-gradient);
  color: #fff;
  /* Тёмные плашки/шапки/обложка — всегда градиент, не флэт var(--bc-dark) */
}