:root {
  --bg-0: #070b12;
  --bg-1: #0b131e;
  --bg-2: #121d2c;
  --bg-3: #1a2839;
  --line-1: #22344a;
  --line-2: #2f4a66;

  --text-1: #e8f0f8;
  --text-2: #8aa0b8;
  --text-3: #6d8298;

  --acc: #33b1ff;
  --acc-ink: #ffffff;
  --acc-soft: rgba(51, 177, 255, 0.14);
  --acc-line: rgba(51, 177, 255, 0.38);

  --ok: #2fd483;
  --ok-soft: rgba(47, 212, 131, 0.15);
  --ok-line: rgba(47, 212, 131, 0.4);

  --gold: #d4af37;
  --gold-soft: rgba(212, 167, 55, 0.18);
  --gold-line: rgba(212, 167, 55, 0.4);

  --danger: #ff5b6b;
  --danger-soft: rgba(255, 91, 107, 0.16);
  --danger-line: rgba(255, 91, 107, 0.4);

  --violet: #9678ff;
  --violet-soft: rgba(150, 120, 255, 0.18);
  --violet-line: rgba(150, 120, 255, 0.4);

  --ext: #8c3cd2;
  --ext-soft: rgba(140, 60, 210, 0.2);
  --ext-line: rgba(160, 80, 240, 0.45);

  --s-1: 4px;
  --s-1-5: 6px;
  --s-2: 8px;
  --s-2-5: 10px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;

  --r-1: 8px;
  --r-2: 10px;
  --r-3: 14px;
  --r-4: 18px;
  --r-pill: 999px;

  --fs-2xs: 10px;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-base: 15px;
  --fs-lg: 17px;
  --fs-xl: 21px;

  --sh-1: 0 2px 8px rgba(0, 0, 0, 0.28);
  --sh-2: 0 6px 20px rgba(0, 0, 0, 0.3);
  --sh-3: 0 18px 50px rgba(0, 0, 0, 0.5);
  --sh-acc: 0 4px 16px rgba(51, 177, 255, 0.25);

  --t-fast: 0.1s;
  --t: 0.16s;
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);

  --z-header: 20;
  --z-menu: 45;
  --z-modal: 50;
  --z-badge: 60;

  --tap: 40px;
  --shell: 840px;
  --header-h: 58px;
}