:root {
  /* Brand */
  --brand-green: #52ae32;
  --brand-blue:  #3259fd;
  --gradient:    linear-gradient(135deg, #52ae32, #3259fd);
  --gradient-h:  linear-gradient(90deg, #52ae32, #3259fd);

  /* Surfaces */
  --bg:           #0B0F1A;
  --bg-elevated:  #111827;

  /* Glass */
  --glass:         rgba(255,255,255,0.04);
  --glass-hover:   rgba(255,255,255,0.07);
  --glass-border:  rgba(255,255,255,0.07);
  --glass-border-strong: rgba(255,255,255,0.10);
  --glass-strong:  rgba(255,255,255,0.06);
  --glass-premium: rgba(255,255,255,0.10);

  /* Text */
  --text:           #FFFFFF;
  --text-secondary: rgba(255,255,255,0.65);
  --text-muted:     rgba(255,255,255,0.38);

  /* Status */
  --ok:        #34D399;
  --ok-bg:     rgba(52,211,153,0.12);
  --pending:   #FBBF24;
  --pending-bg: rgba(251,191,36,0.12);
  --fail:      #F87171;
  --fail-bg:   rgba(248,113,113,0.12);

  /* Radius */
  --r-xs:   10px;
  --r-sm:   12px;
  --r:      16px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-cta:
    0 4px 16px rgba(82,174,50,0.25),
    0 8px 32px rgba(50,89,253,0.20),
    inset 0 1px 0 rgba(255,255,255,0.15);
  --shadow-cta-hover:
    0 6px 24px rgba(82,174,50,0.35),
    0 12px 40px rgba(50,89,253,0.28),
    inset 0 1px 0 rgba(255,255,255,0.20);
  --shadow-card: 0 8px 32px rgba(0,0,0,0.4);

  /* Font */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Layout */
  --max-w: 1200px;
  --pad-x: clamp(20px, 4vw, 48px);

  /* Motion */
  --ease: cubic-bezier(.2, .7, .2, 1);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;        /* compensa nav fixed para anchor jumps */
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

html, body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 16px;
  font-weight: 400;
}