/* Tokens da marca VIP BT (plano §2) */
@font-face {
  font-family: 'Anton';
  src: url(../fonts/anton-latin.woff2) format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Outfit';
  src: url(../fonts/outfit-latin.woff2) format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}

:root {
  --bg: #09090B;
  --bg2: #111114;
  --card: #141418;
  --card2: #1A1A1F;
  --line: #2a2a31;
  --red: #E8192C;
  --red-l: #FF3D4F;
  --red-d: #B01022;
  --text: #F5F5F5;
  --dim: #A3A3A3;
  --muted: #8A8A8A; /* #737373 do mockup não passa 4.5:1 sobre --card; levemente mais claro */
  --gold: #F5C542;
  --sand1: #EDCF98;
  --sand2: #E4BF80;
  --arena1: #C79A58;
  --arena2: #B98B4B;
  --ball: #FF7A1A;

  --display: 'Anton', 'Bebas Neue', Impact, 'Arial Narrow', sans-serif;
  --sans: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --r-lg: 20px;
  --r-md: 14px;
  --r-sm: 10px;
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);
  --safe-r: env(safe-area-inset-right, 0px);
  --vh: 100vh;
}
@supports (height: 100dvh) { :root { --vh: 100dvh; } }