/* Дизайн-токены C-lvl Media. Перенесены из app/assets/styles/variables.css без изменений. */

@font-face {
  font-family: "Druk Wide Cyr";
  src: url("../fonts/Druk-Wide-Cyr.woff2") format("woff2"),
       url("../fonts/Druk-Wide-Cyr.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*
 * Скругления. Дизайн-решение от 24.08: прямые углы у изображений,
 * кнопок и блоков. Все border-radius в теме ссылаются на эти токены,
 * поэтому вернуть скругления можно правкой четырёх значений:
 * прежние были --radius-box: 12px, --radius-pill: 999px, --radius-circle: 50%.
 */
:root {
  --radius-none: 0;
  --radius-box: 0;
  --radius-pill: 0;
  --radius-circle: 0;
}

:root {
  --brand-primary: #0003EE;
  --white: #FFFFFF;

  --neutral-siren: #C7C8FB;
  --neutral-primary: #F5F5F5;
  --neutral-gray-siren: #E9E9FF;
  --neutral-light-gray: #F8F8F8;
  --neutral-somnus: #D5D5E6;
  --neutral-dark-somnus: #AFAFBE;
  --neutral-extradark-somnus: #84848D;

  --accent-50: #F2F2FE;
  --accent-100: #E6E6FE;
  --accent-150: #CCCDFC;
  --accent-200: #B3B4FA;
  --accent-250: #999AF8;
  --accent-300: #8081F7;
  --accent-350: #6668F5;
  --accent-400: #4D4FF4;
  --accent-500: #3335F1;
  --accent-550: #1A1DF0;
  --accent-600: #0003EE;
  --accent-650: #0003CF;
  --accent-700: #0002A1;
  --accent-750: #000174;
  --accent-800: #000140;
  --accent-850: #00002A;

  --stroke-primary: #D5D5E6;
  --stroke-accent: #0003EE;
  --stroke-secondary: #AFAFBE;
  --stroke-success: #0CCE12;
  --stroke-error: #F8142B;
  --stroke-warning: #FF7F00;

  --text-heading: #12121B;
  --text-subheading: #64647B;
  --text-body: #151520;
  --text-caption: #64647B;
  --text-neutral: #B2B2BD;
  --text-success: #0CCE12;
  --text-error: #F8142B;
  --text-warning: #FF7F00;
  --text-accent: #0003EE;
  --text-white: #FFFFFF;

  --white-text-heading: #FFFFFF;
  --white-text-subheading: rgba(255, 255, 255, 0.7);
  --white-text-body: rgba(255, 255, 255, 0.8);
  --white-text-caption: rgba(255, 255, 255, 0.6);
  --white-text-neutral: rgba(255, 255, 255, 0.4);
}
