/* =============================================
   DESIGN TOKENS — RG MAIS THEME
   Gerado com FlowGen V5
============================================= */
:root {
  /* Paleta Base */
  --bg:          #0F1117;
  --bg-panel:    #161922;
  --bg-card:     #1F232F;

  /* Accent */
  --accent:      #F5820D;
  --accent-hover:#FF9E3D;
  --accent-dim:  rgba(245, 130, 13, 0.12);

  /* Texto */
  --text-main:   #FAFAFA;
  --text-muted:  #9BA0B3;

  /* Bordas */
  --border:        rgba(255, 255, 255, 0.06);
  --border-accent: rgba(245, 130, 13, 0.30);

  /* Tipografia */
  --font-body:    'Inter', sans-serif;
  --font-heading: 'Outfit', sans-serif;

  /* Layout */
  --container: 1240px;
  --pad:       clamp(20px, 5vw, 40px);

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Transições */
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /* Seções */
  --section-pad: clamp(80px, 10vw, 120px);
}

@media (max-width: 480px) {
  :root { --pad: 16px; }
}