/*
 * BetBattles tokens · Party Night (the founder's pick; copied exactly from concepts/party/party.css).
 * Dark only (it's a night out). Colour means one thing:
 *   Grape = brand, host, Start · Go = put money in (Buy in, Bet), wins · Gold = shared money (the prize, the crown,
 *   covering a friend, cashing out) · Hot = the final minute and nothing else. Losses are muted grey, never red.
 *   Chipper colours are only for characters, seat tints and the frame of whoever's screen is in view (--pc).
 * This is the only file that defines custom properties. Owner: ARCHITECT.
 */
:root {
  /* Night: the room */
  --night-0: #0D0A1C;
  --night-1: #151129;
  --night-2: #1D1838;
  --night-3: #272049;
  --night-4: #332A5E;
  --line: rgba(255, 255, 255, .07);
  --line-2: rgba(255, 255, 255, .13);
  --line-3: rgba(255, 255, 255, .22);
  --edge-dark: #0E0A22;      /* the 3–4px under-edge of tiles and chips */

  /* Ink */
  --ink: #F5F3FF;
  --ink-2: #C3BCE8;
  --ink-3: #8C85B8;

  /* Brand + meaning */
  --grape: #7B61FF;          /* brand, host, focus */
  --grape-edge: #4A30C4;
  --grape-soft: rgba(123, 97, 255, .16);
  --grape-ink: #CFC4FF;      /* text on grape-soft */
  --go: #2BD881;             /* buy in, ready, win */
  --go-edge: #13874E;
  --go-ink: #03230F;
  --go-soft: rgba(43, 216, 129, .14);
  --gold: #FFC83D;           /* the prize, the crown, covering a friend */
  --gold-edge: #C98A12;
  --gold-ink: #2B1A00;
  --gold-soft: rgba(255, 200, 61, .14);
  --hot: #FF4F6E;            /* the final minute, only */
  --hot-edge: #B3243F;
  --hot-soft: rgba(255, 79, 110, .16);

  /* Chipper colours (characters only). Same values as CFG.PAL / LOOK_COLORS. */
  --c-sky: #3DB5FF; --c-bubblegum: #FF6FB1; --c-tangerine: #FF8A3D; --c-lime: #9BE34A; --c-aqua: #33D6E0;
  --c-lavender: #B69CFF; --c-cherry: #FF5A6A; --c-banana: #FFD54A; --c-cobalt: #4A63FF; --c-plum: #C24FDC;

  --r-s: 12px;
  --r-m: 16px;
  --r-l: 24px;
  --r-xl: 30px;

  --f-display: 'Unbounded', 'Figtree', system-ui, sans-serif;
  --f-ui: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --spring: cubic-bezier(.34, 1.56, .64, 1);
  --out: cubic-bezier(.22, 1, .36, 1);
  --bar-h: 72px;
  --gutter: 28px;
  --dock-h: 88px;            /* the sticky bottom button area on phones (button 56–62px + padding) */
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
  --pc: var(--grape);        /* the player colour of whatever is in view */

  /* stacking */
  --z-bar: 50; --z-dock: 45; --z-banner: 60; --z-confetti: 70; --z-overlay: 80; --z-sheet: 85; --z-menu: 88;
  --z-toast: 90; --z-director: 100;
}

@media (max-width: 700px) {
  :root { --bar-h: 64px; --gutter: 16px; }
}