/* ==========================================================================
   PAXION — DESIGN TOKENS
   Cor, tipografia, espaçamento e motion system.
   Traduzido do design system de referência (NovaChain) para a identidade Paxion.
   ========================================================================== */

:root{
  /* ---- surface / background ---- */
  --bg:            #05090f;
  --bg-deep:       #02050a;
  --surface:       #0B1626;
  --surface-2:     #0E1D31;
  --surface-3:     #16263D;

  /* ---- lines / structure ---- */
  --line:          rgba(244, 241, 232, 0.08);
  --line-strong:   rgba(76, 224, 179, 0.28);
  --line-solid:    #1E3A5F;

  /* ---- text ---- */
  --text:          #F4F1E8;
  --text-muted:    rgba(244, 241, 232, 0.5);
  --text-faint:    rgba(244, 241, 232, 0.28);

  /* ---- accent ---- */
  --accent:        #4CE0B3;
  --accent-soft:   #2FA88A;
  --accent-dim:    rgba(76, 224, 179, 0.12);
  --cyan:          #54D6FF;

  --glow: 0 0 60px rgba(76, 224, 179, .12);
  --glow-strong: 0 0 90px rgba(76, 224, 179, .22);

  /* ---- typography ---- */
  --font-mono: 'Space Mono', 'IBM Plex Mono', ui-monospace, monospace;
  --font-sans: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---- spacing scale ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 20px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 80px;
  --space-8: 128px;

  /* ---- radii ---- */
  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 20px;

  /* ---- motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.25, 1, 0.5, 1);
  --duration-fast: 180ms;
  --duration-ui: 320ms;
  --duration-reveal: 900ms;

  /* ---- layout ---- */
  --container: 1320px;
  --gutter: 28px;
  --nav-h: 84px;
}

@media (max-width: 760px){
  :root{
    --gutter: 20px;
    --space-7: 56px;
    --space-8: 84px;
    --nav-h: 68px;
  }
}