/* ==========================================================================
   VARIABLES & DESIGN TOKENS (css/variables.css)
   ========================================================================== */

:root {
  /* PALETA AZUL IDEAL: Base #3366FF */
  --ss-navy-dark: #041357;
  --ss-navy: #3366FF;
  --ss-navy-light: #7EA0FF;
  --ss-navy-soft: #D7E4FF;
  --ss-navy-bg: #EFF4FF;
  --ss-navy-nav: #E7EEFF;
  --ss-amber: #7590CD;
  --ss-amber-soft: #E6EBF7;
  --ss-background: #EFF4FF;
  --ss-white: #FFFFFF;
  --ss-gray-light: #F1F5FF;
  --ss-text-dark: #101F52;
  --ss-text-muted: #5E739A;
  
  /* Sistema de Sombras Avançado */
  --shadow-sm: 0 10px 30px rgba(51, 102, 255, 0.10);
  --shadow-md: 0 16px 40px rgba(51, 102, 255, 0.14);
  --shadow-hover: 0 24px 48px rgba(51, 102, 255, 0.16);
  
  /* Curva de Transição de Alta Performance */
  --transition-premium: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}