:root {
  --ak-dark: #313138;
  --ak-yellow: #fbe304;
  --ak-red: #e30613;
  --bg-page: #e0e0e0;
  --surface: #ffffff;
  --surface-dim: #f2f2f2;
  --border: #d4d4d6;
  --border-light: #e9e9ea;
  --text-1: #313138;
  --text-2: #77777c;
  --text-on-dark: #ffffff;
  --text-on-yellow: #313138;
  --shift-blue-ink: #002c7d;
  --shift-blue-badge: #b5ceff;
  --shift-blue-tint: #f0f5ff;
  --shift-rose-ink: #be123c;
  --shift-rose-badge: #ffc4cc;
  --shift-rose-tint: #ffeff1;
  --highlight-tint: #fffce3;
  --badge-green: #3fae4e;
}