/* Shared interface tokens for the website, game UI and standalone pages. */
@font-face {
  font-family: "Outfit";
  src: url("/assets/fonts/outfit-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

:root {
  color-scheme: light;
  --app-font: "Outfit", Arial, sans-serif;
  --app-paper: #ffffff;
  --app-surface: #f5f7f6;
  --app-tint: #f1f6f3;
  --app-hover: #e1ece5;
  --app-ink: #203c34;
  --app-muted: #69746a;
  --app-rule: #203c3424;
  --app-focus: #b95a42;
  --app-radius: 14px;
  --app-control-radius: 12px;
  --app-shadow: 0 8px 28px #203c3412;
  --font-tee: var(--app-font);
  --font-clubhouse: var(--app-font);
  --font-play-club: var(--app-font);
  --ink: var(--app-ink);
  --paper: var(--app-paper);
  --muted: var(--app-muted);
  --rule: var(--app-rule);
}