/**
 * Design tokens темы — общие для frontend и editor canvas.
 * Источник истины для CSS custom properties AB.
 */

:root {
  --ab-color-background: #ffffff;
  --ab-color-text: #7a7a7a;
  --ab-color-heading: #000000;
  --ab-color-burgundy: #490000;
  --ab-color-utility: #2d0000;
  --ab-color-highlight: #f4ca59;
  --ab-color-legal-hover: #dbffff;
  --ab-color-white: #ffffff;
  --ab-color-border: #d5d5d5;
  --ab-container-width: 1200px;
  --ab-wide-width: 1400px;
  --ab-narrow-width: 720px;
  --ab-pad-x: 20px;
  --ab-utility-min-height: 32px;
  --ab-navbar-min-height: 60px;
  --ab-footer-pad-y: 50px;
  --ab-radius-sm: 5px;
  --ab-radius-md: 10px;
  --ab-radius-dropdown: 15px;
  --ab-radius-lg: 20px;
  --ab-shadow-navbar: 0 0 10px 0 rgba(0, 0, 0, 0.19);
  --ab-shadow-dropdown: 0 0 20px 0 rgba(0, 0, 0, 0.17);
  --ab-font-text: "Roboto", sans-serif;
  --ab-font-heading: "Rubik", sans-serif;
  --ab-font-size: 18px;
  --ab-line-height: 1.5;
  --ab-nav-gap: 9px;
  --ab-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, fill 0.3s ease;
}