/* Токены калькулятора в цветах брендбука Azia Expert (см. /css/site.css). */
:root {
  --color-bg: #f5f3fb;
  --color-surface: #ffffff;
  --color-surface-2: #f0f0f3;
  --color-ink: #1a1a1f;
  --color-ink-muted: #4a4a59;
  --color-ink-faint: #77767e;
  --color-border: #e6e6ee;

  --color-accent: #3B2EA4;
  --color-accent-2: #2C2180;
  --color-accent-gradient: linear-gradient(115deg, #3B2EA4, #9A2DDB);
  --color-accent-hover: #2C2180;
  --color-accent-soft: #efeafd;

  --color-danger: #d6403a;
  --color-success: #14a05e;
  --color-warn: #9a6400;

  /* пилюли перевозчиков — как в оригинале, свой цвет на каждого */
  --badge-wb-bg: rgba(59, 46, 164, .12); --badge-wb-fg: #3B2EA4;
  --badge-plus-bg: rgba(20, 160, 94, .12); --badge-plus-fg: #0e7d4c;
  --badge-exp-bg: rgba(214, 142, 0, .14); --badge-exp-fg: #8f5f00;
  --badge-cel-bg: rgba(30, 120, 220, .11); --badge-cel-fg: #1461b8;
  --badge-rets-bg: rgba(203, 17, 171, .1); --badge-rets-fg: #b0148f;
  --badge-uni-bg: rgba(96, 160, 30, .14); --badge-uni-fg: #4e7d16;

  --font-brand: 'Onest', Arial, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;

  --shadow-card: 0 1px 2px rgba(26, 26, 31, 0.04), 0 8px 24px rgba(26, 26, 31, 0.06);

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-16: 64px;
}