/* Биокластер — дизайн-токены. Сгенерировано из брендбука (ББ_Биокластер, ред. 23.06). */
:root {
  /* --- Основная палитра --- */
  --bk-dark-forest: #13322B;              /* Тёмный лес */
  --bk-juicy-lime: #D0EF36;              /* Сочный лайм */

  /* --- Дополнительная палитра --- */
  --bk-fresh-grass: #B1B427;              /* Свежая трава */
  --bk-rowan: #DA291C;              /* Рябина */
  --bk-river: #0F4C5C;              /* Река */
  --bk-orange: #FF7700;              /* Апельсин */
  --bk-ripe-plum: #6E1E46;              /* Спелая слива */
  --bk-grape: #330072;              /* Виноград */
  --bk-warm-sand: #F2D27A;              /* Тёплый песок */
  --bk-peony: #FF6FCF;              /* Пион */
  --bk-bark: #3D0C02;              /* Кора */

  /* --- Тональные шкалы (прозрачность по белому, шаг 10%) --- */
  --bk-dark-forest-10: #E7EAEA;
  --bk-dark-forest-20: #D0D6D5;
  --bk-dark-forest-30: #B8C2BF;
  --bk-dark-forest-40: #A1ADAA;
  --bk-dark-forest-50: #899895;
  --bk-dark-forest-60: #718480;
  --bk-dark-forest-70: #5A706B;
  --bk-dark-forest-80: #425B55;
  --bk-dark-forest-90: #2B4640;
  --bk-dark-forest-100: #13322B;
  --bk-juicy-lime-10: #FAFDEB;
  --bk-juicy-lime-20: #F6FCD7;
  --bk-juicy-lime-30: #F1FAC3;
  --bk-juicy-lime-40: #ECF9AF;
  --bk-juicy-lime-50: #E8F79A;
  --bk-juicy-lime-60: #E3F586;
  --bk-juicy-lime-70: #DEF472;
  --bk-juicy-lime-80: #D9F25E;
  --bk-juicy-lime-90: #D5F14A;
  --bk-juicy-lime-100: #D0EF36;
  --bk-fresh-grass-10: #F7F8E9;
  --bk-fresh-grass-20: #EFF0D4;
  --bk-fresh-grass-30: #E8E8BE;
  --bk-fresh-grass-40: #E0E1A9;
  --bk-fresh-grass-50: #D8DA93;
  --bk-fresh-grass-60: #D0D27D;
  --bk-fresh-grass-70: #C8CA68;
  --bk-fresh-grass-80: #C1C352;
  --bk-fresh-grass-90: #B9BC3D;
  --bk-fresh-grass-100: #B1B427;
  --bk-rowan-10: #FBEAE8;
  --bk-rowan-20: #F8D4D2;
  --bk-rowan-30: #F4BFBB;
  --bk-rowan-40: #F0A9A4;
  --bk-rowan-50: #EC948E;
  --bk-rowan-60: #E97F77;
  --bk-rowan-70: #E56960;
  --bk-rowan-80: #E15449;
  --bk-rowan-90: #DE3E33;
  --bk-rowan-100: #DA291C;
  --bk-river-10: #E7EDEF;
  --bk-river-20: #CFDBDE;
  --bk-river-30: #B7C9CE;
  --bk-river-40: #9FB7BE;
  --bk-river-50: #87A6AE;
  --bk-river-60: #6F949D;
  --bk-river-70: #57828D;
  --bk-river-80: #3F707D;
  --bk-river-90: #275E6C;
  --bk-river-100: #0F4C5C;
  --bk-orange-10: #FFF1E6;
  --bk-orange-20: #FFE4CC;
  --bk-orange-30: #FFD6B2;
  --bk-orange-40: #FFC999;
  --bk-orange-50: #FFBB80;
  --bk-orange-60: #FFAD66;
  --bk-orange-70: #FFA04D;
  --bk-orange-80: #FF9233;
  --bk-orange-90: #FF8519;
  --bk-orange-100: #FF7700;
  --bk-ripe-plum-10: #F0E8EC;
  --bk-ripe-plum-20: #E2D2DA;
  --bk-ripe-plum-30: #D4BCC8;
  --bk-ripe-plum-40: #C5A5B5;
  --bk-ripe-plum-50: #B68EA2;
  --bk-ripe-plum-60: #A87890;
  --bk-ripe-plum-70: #9A627E;
  --bk-ripe-plum-80: #8B4B6B;
  --bk-ripe-plum-90: #7C3458;
  --bk-ripe-plum-100: #6E1E46;
  --bk-grape-10: #EBE6F1;
  --bk-grape-20: #D6CCE3;
  --bk-grape-30: #C2B2D5;
  --bk-grape-40: #AD99C7;
  --bk-grape-50: #9980B8;
  --bk-grape-60: #8566AA;
  --bk-grape-70: #704D9C;
  --bk-grape-80: #5C338E;
  --bk-grape-90: #471980;
  --bk-grape-100: #330072;
  --bk-warm-sand-10: #FEFAF2;
  --bk-warm-sand-20: #FCF6E4;
  --bk-warm-sand-30: #FBF2D7;
  --bk-warm-sand-40: #FAEDCA;
  --bk-warm-sand-50: #F8E8BC;
  --bk-warm-sand-60: #F7E4AF;
  --bk-warm-sand-70: #F6E0A2;
  --bk-warm-sand-80: #F5DB95;
  --bk-warm-sand-90: #F3D687;
  --bk-warm-sand-100: #F2D27A;
  --bk-peony-10: #FFF1FA;
  --bk-peony-20: #FFE2F5;
  --bk-peony-30: #FFD4F1;
  --bk-peony-40: #FFC5EC;
  --bk-peony-50: #FFB7E7;
  --bk-peony-60: #FFA9E2;
  --bk-peony-70: #FF9ADD;
  --bk-peony-80: #FF8CD9;
  --bk-peony-90: #FF7DD4;
  --bk-peony-100: #FF6FCF;
  --bk-bark-10: #ECE7E6;
  --bk-bark-20: #D8CECC;
  --bk-bark-30: #C5B6B3;
  --bk-bark-40: #B19E9A;
  --bk-bark-50: #9E8680;
  --bk-bark-60: #8B6D67;
  --bk-bark-70: #77554E;
  --bk-bark-80: #643D35;
  --bk-bark-90: #50241B;
  --bk-bark-100: #3D0C02;

  /* --- Семантические токены интерфейса --- */
  --bk-bg:              var(--bk-dark-forest);
  --bk-bg-alt:          #0D231E;              /* затемнение «тёмного леса» для секций */
  --bk-bg-light:        #F4F6F3;              /* светлая секция */
  --bk-surface:         #1B463C;              /* карточка на тёмном фоне */
  --bk-accent:          var(--bk-juicy-lime);
  --bk-text:            #FFFFFF;
  --bk-text-muted:      rgba(255,255,255,.72);
  --bk-text-on-accent:  var(--bk-dark-forest);
  --bk-text-on-light:   var(--bk-dark-forest);
  --bk-border:          rgba(208,239,54,.24);
  --bk-focus:           var(--bk-juicy-lime);

  /* --- Типографика --- */
  --bk-font-display: "Bioklaster 2.1", "Manrope", system-ui, sans-serif;
  --bk-font-head:    "Manrope", system-ui, sans-serif;
  --bk-font-body:    "Inter", system-ui, sans-serif;
  --bk-font-mono:    "Roboto Mono", ui-monospace, monospace;

  /* --- Сетка и ритм --- */
  --bk-grid-columns: 12;
  --bk-gutter:  24px;
  --bk-margin:  clamp(20px, 6vw, 120px);
  --bk-radius:  0px;          /* базовая геометрия бренда — без скруглений */
  --bk-radius-pill: 999px;    /* только для круглых модулей и «пилюль» */
}