/* 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;

  /* Шрифты */
  --bc-font-hero: 'BC-Unbounded', sans-serif;
  --bc-font-inter: 'BC-Manrope', sans-serif;
  --bc-font-babayka: 'BC-UraBumBum', cursive;

  /* Тени */
  --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-inter);
}

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

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

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