:root{
  /* Typography */
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;

  /* Surfaces */
  --bg: #09090D;
  --surface: rgba(255,255,255,.055);
  --surface-2: rgba(255,255,255,.09);
  --border: rgba(255,255,255,.10);

  /* Text */
  --text: #f0f8f5;
  --muted: rgba(240,248,245,.60);

  /* Brand accents */
  --primary: #00FF87; /* verde neon */
  --gradient-brand: linear-gradient(90deg, #00FF87, #00D4FF);
  --accent:  #00D4FF; /* azul electrico */
  --hot:     #FF4D6D; /* coral */
  --warn:    #FFB703;

  /* Effects */
  --radius: 16px;
  --radius-sm: 12px;
  --shadow: 0 10px 40px rgba(0,0,0,.55);

  /* Layout */
  --container: 1120px;

  /* Spacing scale */
  --s-1: 6px;
  --s-2: 10px;
  --s-3: 14px;
  --s-4: 18px;
  --s-5: 24px;
  --s-6: 32px;
}