/* The Crypto Taxi — design tokens (fuente única de colores, tipografías y medidas) */
:root {
  /* Marca */
  --taxi: #FFC629;
  --taxi-deep: #E5A800;
  --taxi-soft: #FFE38A;
  --checker-dark: #14171F;
  --checker-light: #F7F3E8;

  /* Superficies (asfalto) */
  --asphalt-950: #0B0E14;
  --asphalt-900: #121620;
  --asphalt-850: #171C28;
  --asphalt-800: #1D2330;
  --asphalt-700: #283041;
  --asphalt-600: #364055;
  --asphalt-500: #4A566E;
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.16);

  /* Texto */
  --text: #F3F5F9;
  --text-dim: #A8B0C2;
  --text-mute: #6E788C;
  --text-on-taxi: #1A1505;

  /* Monedas */
  --usdt: #26A17B;
  --usdt-bright: #3DDBA8;
  --cash: #FF9F43;        /* Efectivo */
  --cash-bright: #FFC07A;

  /* Estados */
  --ok: #3DDBA8;
  --danger: #FF5A5F;
  --warn: #FFB648;
  --info: #4DA3FF;
  --violet: #9B7BFF;

  /* Rarezas por época */
  --r-common: #9AA4B5;
  --r-uncommon: #4CC38A;
  --r-rare: #4DA3FF;
  --r-epic: #B07CFF;
  --r-legendary: #FFC629;
  --r-mythic: #5EE1F0;
  --r-exclusive: #FF5FD2;

  /* Tipografía */
  --font-display: "Bungee", "Rubik", system-ui, sans-serif;
  --font-ui: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Forma */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;
  --shadow-1: 0 2px 6px rgba(0, 0, 0, 0.25);
  --shadow-2: 0 10px 30px rgba(0, 0, 0, 0.35);
  --shadow-3: 0 24px 60px rgba(0, 0, 0, 0.5);

  /* Layout */
  --topbar-h: 112px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}