/* ============================================================
   ELETRO SOLAR — Design Tokens · Paleta "Solar Quente"
   Base preto-quente + laranja/âmbar + amarelo (raio).
   ============================================================ */
:root {
  /* ---- Base escura (preto-quente) ---- */
  --bg:       #0f0a06;
  --bg-2:     #16100a;
  --panel:    #1d130a;
  --panel-2:  #271a0e;
  --panel-3:  #36240f;

  /* ---- Cor da marca (laranja/âmbar) — nomes mantidos p/ compatibilidade ---- */
  --blue:        #ff8a1e;   /* primária (laranja solar) */
  --blue-bright: #ffb24d;   /* realce claro */
  --blue-deep:   #d4660f;   /* âmbar profundo */
  --blue-ink:    #2a1600;   /* texto sobre laranja */

  /* ---- Acentos quentes ---- */
  --orange:  #ff8a1e;
  --magenta: #ff5e2e;   /* reaproveitado: laranja-avermelhado p/ gradiente */
  --yellow:  #ffd23f;   /* raio */

  /* ---- Texto ---- */
  --text-high: #fdf3e6;
  --text-mid:  rgba(253, 243, 230, .62);
  --text-low:  rgba(253, 243, 230, .40);
  --ink:       #2a1600;   /* texto sobre cor clara/gradiente */

  /* ---- Vidro / linhas ---- */
  --glass-bg:      rgba(255, 255, 255, .035);
  --glass-bg-2:    rgba(255, 255, 255, .06);
  --border-glass:  rgba(253, 243, 230, .10);
  --border-strong: rgba(253, 243, 230, .20);
  --hair:          rgba(255, 138, 30, .30);
  --hair-soft:     rgba(253, 243, 230, .09);
  --grid-line:     rgba(255, 170, 80, .06);

  /* ---- Gradientes ---- */
  --grad-blue:   linear-gradient(135deg, #ff8a1e 0%, #ffb24d 100%);
  --grad-ring:   linear-gradient(100deg, #ffd23f 0%, #ff8a1e 50%, #ff5e2e 100%);
  --grad-energy: linear-gradient(120deg, #ffd23f 0%, #ff8a1e 45%, #ff5e2e 100%);
  --grad-text:   linear-gradient(100deg, #ffe48f 0%, #ffcc55 52%, #ffe6a2 110%);
  --grad-line:   linear-gradient(90deg, transparent, var(--blue), transparent);

  /* ---- Sombras / glow ---- */
  --glow-blue:   0 0 50px rgba(255, 138, 30, .42);
  --glow-ring:   0 0 60px rgba(255, 94, 46, .28);
  --shadow-card: 0 30px 70px -30px rgba(0, 0, 0, .85);
  --shadow-soft: 0 12px 36px -14px rgba(0, 0, 0, .6);

  /* ---- Geometria ---- */
  --radius:      18px;
  --radius-sm:   12px;
  --radius-lg:   26px;
  --radius-pill: 999px;

  /* ---- Layout ---- */
  --maxw:        1280px;
  --maxw-narrow: 760px;
  --pad-x:       clamp(20px, 5.5vw, 96px);
  --section-pad: clamp(4.5rem, 9vw, 8rem);

  /* ---- Tipografia ---- */
  --font-display: "Sora", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body:    "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-ui:      "Sora", "Segoe UI", system-ui, sans-serif;

  /* ---- Motion ---- */
  --ease:        cubic-bezier(.4, 0, .2, 1);
  --ease-out:    cubic-bezier(.22, 1, .36, 1);
  --ease-cine:   cubic-bezier(.22, .7, .2, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --dur:         .6s;
}