/* ═══════════════════════════════════════
   Ecotech LANDING — Design Tokens
   ═══════════════════════════════════════ */
:root {
  /* Cores primárias */
  --green-50:  #f0fdf4;
  --green-100: #dcfce7;
  --green-400: #4ade80;
  --green-500: #22c55e;
  --green-600: #16a34a;
  --green-700: #15803d;
  --green-800: #166534;

  /* Dourado */
  --gold-400: #d4a84b;
  --gold-500: #c8a030;

  /* Superfícies */
  --bg-dark:   #080e1a;
  --bg-card:   #0f1923;
  --bg-card-2: #162030;
  --border:    rgba(255,255,255,0.06);
  --border-green: rgba(34,197,94,0.2);

  /* Texto */
  --text-primary:   #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted:     #8b9cab;

  /* Gradientes */
  --gradient-hero:  linear-gradient(160deg, #080e1a 0%, #0c1a0f 60%, #080e1a 100%);
  --gradient-green: linear-gradient(135deg, #22c55e, #15803d);
  --gradient-card:  linear-gradient(145deg, #0f1923, #162030);
  --gradient-glow:  radial-gradient(ellipse 70% 40% at 50% 0%, rgba(34,197,94,0.12), transparent 70%);

  /* Espaçamentos */
  --section-py: 100px;
  --container:  1160px;
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  22px;
  --radius-xl:  32px;

  /* Tipografia */
  --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* Sombras */
  --shadow-md:    0 4px 20px rgba(0,0,0,0.5);
  --shadow-lg:    0 8px 40px rgba(0,0,0,0.6);
  --shadow-green: 0 0 40px rgba(34,197,94,0.15);
  --shadow-gold:  0 0 30px rgba(200,160,48,0.15);

  /* Transição padrão */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 0.35s;
}