:root{
  --font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --font-size-base: 14px;

  --primary-backdrop: hsla(0, 0%, 17%, 1);
  --primary-shadow: hsla(0, 0%, 10%, 1);

  --primary-background: hsla(0, 0%, 12%, 1);
  --primary-background-light: hsla(0, 0%, 14%, 1);
  --primary-background-hover: hsla(0, 0%, 16%, 1);
  --primary-background-active: hsla(0, 0%, 20%, 1);

  --secondary-background: hsla(0, 0%, 9%, 1);
  --secondary-background-hover: hsla(0, 0%, 13%, 1);
  --secondary-background-active: hsla(0, 0%, 17%, 1);
  --secondary-background-border: hsla(0, 0%, 21%, 1);

  --text-primary: hsla(0, 0%, 95%, 1);
  --text-secondary: hsla(0, 0%, 80%, 1);
  --text-dim: hsla(0, 0%, 55%, 1);
  --text-link: hsla(210, 100%, 60%, 1);

  --primary-color: hsla(210, 100%, 55%, 1);
  --primary-color-hover: hsla(210, 100%, 45%, 1);

  --market-up: hsla(130, 50%, 50%, 1);
  --market-down: hsla(1, 100%, 70%, 1);

  --border: 1px solid var(--secondary-background-border);
  --radius: 10px;

  --shadow: 0 10px 28px rgba(0,0,0,.35);
  --shadow-soft: 0 6px 18px rgba(0,0,0,.28);

  --sidebar-width: 260px;
  --sidebar-collapsed-width: 76px;
}