:root {
  /* ==========================================================================
     PALETA DE CORES (2026 FUTURE DARK / SOLANA INSPIRED)
     ========================================================================== */
  --bg-primary: #060810;
  --bg-secondary: #0c0f1d;
  --bg-tertiary: #13172b;
  --bg-card: rgba(18, 23, 41, 0.65);
  --bg-card-hover: rgba(28, 35, 62, 0.75);
  --bg-glass: rgba(13, 17, 33, 0.55);

  /* Acentos de Alta Intensidade */
  --accent-emerald: #14f195;
  --accent-emerald-glow: rgba(20, 241, 149, 0.35);
  --accent-violet: #9945ff;
  --accent-violet-glow: rgba(153, 69, 255, 0.35);
  --accent-cyan: #00f2fe;
  --accent-cyan-glow: rgba(0, 242, 254, 0.3);
  --accent-amber: #ffb800;
  --accent-rose: #ff3366;

  /* Gradientes de Assinatura */
  --grad-solana: linear-gradient(135deg, #9945ff 0%, #14f195 100%);
  --grad-cyber: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
  --grad-flame: linear-gradient(135deg, #ff930f 0%, #fffb00 100%);
  --grad-dark-card: linear-gradient(180deg, rgba(25, 32, 58, 0.6) 0%, rgba(13, 17, 33, 0.8) 100%);
  --grad-hero-text: linear-gradient(135deg, #ffffff 0%, #e2e8f0 40%, #14f195 75%, #9945ff 100%);
  --grad-poh: linear-gradient(90deg, #14f195, #00f2fe, #9945ff);

  /* Cores de Texto */
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-highlight: #ffffff;

  /* Bordas e Divisores */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-active: rgba(20, 241, 149, 0.4);
  --border-glow: rgba(153, 69, 255, 0.4);
  --border-glass: rgba(255, 255, 255, 0.12);

  /* ==========================================================================
     TIPOGRAFIA
     ========================================================================== */
  --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;

  /* ==========================================================================
     DIMENSÕES E ELEVAÇÕES
     ========================================================================== */
  --max-width: 1280px;
  --header-height: 80px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 9999px;

  /* Sombras Holográficas */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.6);
  --shadow-neon-emerald: 0 0 35px rgba(20, 241, 149, 0.25);
  --shadow-neon-violet: 0 0 35px rgba(153, 69, 255, 0.25);
  --shadow-card: 0 12px 36px -4px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.07);

  /* Transições Suaves */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}