/* Apple Ball: shared tokens.
   Tokens only, and a couple of global defaults. Nothing here styles the
   page: layout lives in game.css and ui.css. */

:root {
  /* Night gym palette */
  --bg: #070917;          /* page around the game column */
  --bg-2: #0b0e2a;        /* the gym wall, also the theme-color */
  --panel: #151a3f;       /* cards and overlays */
  --panel-2: #1f2656;
  --border: #2d356e;
  --fg: #f4f1ea;          /* warm white text */
  --muted: #a3a8cc;
  --muted-2: #6f75a3;

  /* Accents */
  --apple: #e8333a;       /* apple red, the primary accent */
  --apple-soft: #ff6b6f;
  --apple-ink: #2a0508;   /* text on apple red */
  --hoop: #ff7a1a;        /* rim orange */
  --gold: #ffcf4a;        /* best scores, legendary */
  --leaf: #5fcf62;        /* success, unlocked */
  --sky: #59c8ff;         /* cool highlights */

  /* Rarity tiers */
  --tier-common: #b9c0d8;
  --tier-rare: #59c8ff;
  --tier-epic: #c77dff;
  --tier-legendary: #ffcf4a;

  /* Type and shape */
  --display: "Archivo Expanded", "Arial Black", system-ui, sans-serif;
  --font: 15px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius: 14px;
  --radius-sm: 9px;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --ease-back: cubic-bezier(.34, 1.56, .64, 1);

  /* Safe areas (notches, home indicator) */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}

:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
[hidden] { display: none !important; }
.num { font-variant-numeric: tabular-nums; }