:root {
  --xp-ink: #090a0f;
  --xp-ink-2: #151720;
  --xp-paper: #f4f4ef;
  --xp-paper-2: #e9eae3;
  --xp-white: #ffffff;
  --xp-lime: #c8ff52;
  --xp-aqua: #70f2dd;
  --xp-blue: #87a0ff;
  --xp-violet: #b49aff;
  --xp-text: #101116;
  --xp-muted: #60635f;
  --xp-line: rgba(16, 17, 22, .14);
  --xp-line-strong: rgba(16, 17, 22, .22);
  --xp-shadow: 0 26px 72px rgba(8, 10, 16, .10);
  --xp-shadow-dark: 0 32px 96px rgba(0, 0, 0, .28);
  --xp-radius-sm: 14px;
  --xp-radius: 24px;
  --xp-radius-lg: 34px;
  --xp-ease: cubic-bezier(.22, 1, .36, 1);
  --experton-sidebar-width: 248px;
  color-scheme: light;
}

::selection {
  color: var(--xp-ink);
  background: var(--xp-lime);
}

@media (max-width: 820px) {
  :root { --experton-sidebar-width: 100%; }
}