:root {
  --color-bg: #f7f8fb;
  --color-surface: #ffffff;
  --color-surface-soft: #f1f3f8;

  --color-text: #10141b;
  --color-text-soft: #69707d;

  --color-line: rgba(16, 20, 27, 0.1);

  --color-primary: #315bd8;
  --color-primary-soft: #e7edff;

  --color-dark: #11161d;
  --color-dark-soft: #1a2028;

  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 34px;

  --shadow-sm: 0 8px 30px rgba(20, 31, 56, 0.06);

  --shadow-md: 0 22px 70px rgba(20, 31, 56, 0.1);

  --container-width: 1240px;

  --header-height: 84px;

  --transition-fast: 160ms ease;
  --transition-base: 260ms ease;
}