/* Palette and type from stonkfun.xyz; Arcade composition and art stay our own.
   Change these roles to reskin the entire arcade without touching the game. */
@font-face {
  font-family: 'Arcade Sora';
  src: url('/arcade/fonts/Sora-variable.ttf') format('truetype');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --arcade-font: 'Arcade Sora', ui-sans-serif, system-ui, sans-serif;
  --arcade-heading-font: var(--arcade-font);
  --arcade-wash: #10212755;
  --arcade-device-bg: #071013;
  --arcade-ground: #071013;
  --arcade-inset: #0b171b;
  --arcade-surface: #102127;
  --arcade-raised: #152b33;
  --arcade-border: #233d46;
  --arcade-border-strong: #2f4f58;
  --arcade-ink: #f3f8f8;
  --arcade-soft: #c0d3da;
  --arcade-muted: #94aab2;
  --arcade-faint: #829ba5;
  --arcade-brand: #69aac1;
  --arcade-brand-light: #a4c5cf;
  --arcade-error: #eca4a9;
  --arcade-tier-common: #8ca1aa;
  --arcade-tier-uncommon: #69aac1;
  --arcade-tier-rare: #72b7aa;
  --arcade-tier-epic: #aba2cd;
  --arcade-tier-legendary: #c7b48b;
  --arcade-screen-background: #040b0e;
  --arcade-screen-highlight: #12252c;
  --arcade-case-filter: saturate(.16) hue-rotate(12deg);
  --arcade-cap-filter: saturate(.45) hue-rotate(18deg);
}

/* The original Arcade skin remains available independently of pool terms. */
:root[data-arcade-theme='og'] {
  --arcade-font: Arial, Helvetica, sans-serif;
  --arcade-heading-font: 'Wheel Display', Arial, sans-serif;
  --arcade-wash: #25302155;
  --arcade-device-bg: #10140f;
  --arcade-ground: #10120f;
  --arcade-inset: #191e17;
  --arcade-surface: #191f17;
  --arcade-raised: #1b2118;
  --arcade-border: #e9f1d51a;
  --arcade-border-strong: #d6e5c632;
  --arcade-ink: #f1f3e9;
  --arcade-soft: #d9dfd0;
  --arcade-muted: #9fa894;
  --arcade-faint: #819573;
  --arcade-brand: #d9ff65;
  --arcade-brand-light: #b9ef78;
  --arcade-error: #edb0aa;
  --arcade-tier-common: #93a08b;
  --arcade-tier-uncommon: #87baff;
  --arcade-tier-rare: #80ded0;
  --arcade-tier-epic: #c09bf0;
  --arcade-tier-legendary: #ee85c5;
  --arcade-wheel-common: #8190a9;
  --arcade-wheel-uncommon: #59a5f7;
  --arcade-wheel-rare: #47ded4;
  --arcade-wheel-epic: #ad83ef;
  --arcade-wheel-legendary: #ee85c5;
  --arcade-screen-background: #030804;
  --arcade-screen-highlight: #182117;
  --arcade-screen-ink: #d8e1d0;
  --arcade-screen-accent: #c4f577;
  --arcade-case-filter: none;
  --arcade-cap-filter: none;
}