@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Oswald:wght@200..700&display=swap');

@import url(./helpers.css);
@import url(./styles/base.css);
@import url(./styles/boot-loader.css);
@import url(./styles/auth.css);
@import url(./styles/menu.css);
@import url(./styles/leaderboard.css);
@import url(./styles/achievements.css);
@import url(./styles/shop.css);
@import url(./styles/game-ui.css);
@import url(./styles/overlays.css);

:root {
  --color-bg: #0a1020;
  --color-text: #e8eef6;

  --size-edge-gap: 16px;
  --size-edge-gap-mobile: 12px;
  --size-page-padding: 24px;
  --size-panel-radius: 20px;
  --size-pill-radius: 999px;

  --duration-press: 80ms;
  --duration-menu: 120ms;
  --duration-ui: 150ms;
  --duration-progress: 160ms;
  --duration-overlay: 280ms;

  --font-ui: 'Segoe UI', system-ui, sans-serif;
  --font-menu: 'Oswald', 'Segoe UI', system-ui, sans-serif;
  --font-handwritten: 'Caveat', 'Segoe Print', 'Comic Sans MS', cursive;
}