:root {
  /*
   * WebTolk base palette
   */
  --bs-blue: #1976b5;
  --bs-indigo: #445e8c;
  --bs-purple: #6b5b8e;
  --bs-pink: #a85d78;
  --bs-red: #c24856;
  --bs-orange: #b97852;
  --bs-yellow: #d6a13a;
  --bs-green: #278466;
  --bs-teal: #3b8f89;
  --bs-cyan: #4aa6d8;

  --bs-white: #ffffff;
  --bs-black: #000000;

  /*
   * Cool blue-gray scale
   */
  --bs-gray: #52657a;
  --bs-gray-dark: #0e131b;

  --bs-gray-100: #f4f7f9;
  --bs-gray-200: #e5ebf0;
  --bs-gray-300: #cbd5de;
  --bs-gray-400: #9fadb9;
  --bs-gray-500: #748697;
  --bs-gray-600: #52657a;
  --bs-gray-700: #394b5d;
  --bs-gray-800: #243441;
  --bs-gray-900: #16232d;

  --gray-dark: var(--bs-gray-dark);

  /*
   * Bootstrap semantic colors
   */
  --bs-primary: var(--bs-blue);
  --bs-secondary: var(--bs-gray);
  --bs-success: var(--bs-green);
  --success: var(--bs-green);

  --bs-info: var(--bs-cyan);
  --info: var(--bs-cyan);

  --bs-warning: var(--bs-yellow);
  --warning: var(--bs-yellow);

  --bs-danger: var(--bs-red);
  --danger: var(--bs-red);

  --bs-light: var(--bs-gray-100);
  --bs-dark: var(--bs-gray-dark);

  /*
   * Bootstrap RGB equivalents
   */
  --bs-primary-rgb: 25, 118, 181;
  --bs-secondary-rgb: 82, 101, 122;
  --bs-success-rgb: 39, 132, 102;
  --bs-info-rgb: 74, 166, 216;
  --bs-warning-rgb: 214, 161, 58;
  --bs-danger-rgb: 194, 72, 86;
  --bs-light-rgb: 244, 247, 249;
  --bs-dark-rgb: 14, 19, 27;

  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;

  /*
   * Body
   */
  --bs-body-color-rgb: 22, 35, 45;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: Manrope;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
  "Liberation Mono", "Courier New", monospace;

  --bs-gradient: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.15),
          rgba(255, 255, 255, 0)
  );

  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.8rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;

  --bs-body-color: var(--bs-gray-900);
  --bs-body-bg: var(--bs-white);

  /*
   * WebTolk brand accents
   *
   * glow — яркий голубой свет с фотографии;
   * warm — тёплый акцент кожи/света.
   */
  --wt-glow: #1f90d7;
  --wt-warm: #c6937b;
  --wt-warm-light: #e8c1af;
  --wt-warm-dark: #996b57;

  /* WebTolk engineering interface tokens */
  --wt-blue: var(--bs-primary);
  --wt-blue-bright: var(--wt-glow);
  --wt-navy: var(--bs-dark);
  --wt-ink: var(--bs-gray-900);
  --wt-slate: var(--bs-secondary);
  --wt-surface: var(--bs-light);
  --wt-border: var(--bs-gray-300);
}