/* ============================================================
   NEO SOL — Design Tokens  (navy profundo + dourado)
   ============================================================ */
:root {
  /* Cores — base dark premium (navy do logo) */
  --bg-deep: #0A1124;
  --bg-surface: #111A30;
  --bg-surface-2: #16223D;
  --brand-navy: #1B2A4A;       /* navy do logo (acentos/realces) */

  /* Acentos */
  --primary: #F5A623;          /* dourado do logo */
  --primary-strong: #E8890B;   /* âmbar profundo (gradiente/hover) */
  --secondary: #5B8DEF;        /* azul elétrico — complementa o navy */
  --accent-blue: #5B8DEF;

  /* Texto */
  --text-high: #EAF0FA;
  --text-mid: #9FACC4;
  --text-low: #64708C;

  /* Vidro / bordas */
  --border-glass: rgba(255, 255, 255, .08);
  --border-glass-strong: rgba(255, 255, 255, .16);
  --glass-bg: rgba(255, 255, 255, .04);

  /* Gradientes */
  --grad-solar: linear-gradient(135deg, #E8890B 0%, #F5A623 55%, #FBC04A 100%);
  --grad-solar-soft: linear-gradient(135deg, rgba(245, 166, 35, .16), rgba(232, 137, 14, .05));
  --grad-text: linear-gradient(120deg, #FBC75A 0%, #F5A623 100%);

  /* Sombras / glow */
  --glow-solar: 0 0 48px rgba(245, 166, 35, .35);
  --shadow-card: 0 24px 60px -24px rgba(0, 0, 0, .78);
  --shadow-soft: 0 8px 30px -10px rgba(0, 0, 0, .55);

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

  /* Layout */
  --maxw: 1200px;
  --maxw-narrow: 760px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --section-pad: clamp(4rem, 9vw, 7.5rem);

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

  /* Motion (easings no estilo Solaris) */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --dur: .55s;
}