Store Steampowered

:root {
  --color-dominant: #e0a618;
  --color-surface: #6f3e26;
  --color-ink: #f3e044;
  --color-accent: #a18957;
  --color-detail: #cea7bd;
}

/* CSS variables exposed by source */
:root {
  --color-orange-10: #ff801f;
  --color-gold-6: #444039;
  --color-storegreen-5: #307402;
  --color-accent-contrast: white;
  --color-grass-12: #c2f0c2;
  --color-gold-8: #696256;
  --color-bronze-5: #3b3330;
  --color-valveonly-12: #ff9797;
  --color-purple-9: #8e4ec6;
  --color-cyan-11: #4ccce6;
  --color-yellow-9: #ffe629;
  --color-greyneutral-1: #060a0e;
  --color-gold-12: #e8e2d9;
  --color-sage-7: #444947;
  --color-sage-1: #101211;
  --color-sage-5: #2e3130;
  --color-gold-4: #2d2b26;
  --color-valveonly-4: #9a0101;
  --color-tomato-12: #fbd3cb;
  --color-ruby-4: #4e1325;
  --radius-none: 0px;
  --color-dull-5: #1d1f23;
  --color-crimson-7: #873356;
  --color-indigo-11: #bac9ff;
  --color-text-body-subtitle: #d6d9dc;
  --color-storegreen-9: #8ABE1C;
  --radius-sm: 2px;
  --color-lime-7: #496231;
  --color-dull-1: #060a0e;
  --color-iris-6: #3d3e82;
  --color-valveonly-11: #ff8383;
  --color-pink-2: #21121d;
  --color-sage-8: #5b625f;
  --color-tomato-6: #6e2920;
  --color-ruby-8: #b3445a;
  --color-red-5: #611623;
  --color-tomato-2: #1f1513;
  --spacing-5: 24px;
  --color-greyneutral-10: #67707b;
  --color-dull-4: #171d25;
  --color-jade-8: #2a7e68;
  --color-orange-7: #7e451d;
  --color-bronze-3: #262220;
  --radius-md: 4px;
  --color-ruby-3: #3a141e;
  --color-grass-4: #1d3a24;
  --radius-lg: 8px;
  --color-green-6: #00FF00;
  --color-orange-1: #17120e;
  --text-size-5: 18px;
  --color-olive-2: #181917;
  --color-sky-10: #a8eeff;
  --color-cyan-9: #00a2c7;
  --color-crimson-2: #201318;
  --color-valveonly-8: #e04747;
  --color-tomato-11: #ff977d;
  --color-grass-5: #25482d;
  --color-text-green-description: #00af00;
  --color-mint-6: #105650;
  --color-olive-11: #afb5ad;
}