/* ==========================================================================
   SOVYRA LANDING PAGE - DESIGN TOKENS & VARIABLES
   Hero Claro & Ritmo Intercalado de Cores
   ========================================================================== */

:root {
  /* --- Cores Globais --- */
  --color-purple: #7C4DFF;
  --color-purple-light: #9E79FF;
  --color-purple-glow: rgba(124, 77, 255, 0.3);
  --color-cyan: #0EA5E9;
  --color-cyan-glow: rgba(14, 165, 233, 0.25);
  --color-success: #10B981;
  --color-success-bg: rgba(16, 185, 129, 0.12);
  --color-warning: #F59E0B;
  --color-danger: #EF4444;

  /* --- Gradientes --- */
  --grad-primary: linear-gradient(135deg, #7C4DFF 0%, #0EA5E9 100%);
  --grad-hero-light: radial-gradient(circle at 50% 10%, rgba(124, 77, 255, 0.08) 0%, rgba(14, 165, 233, 0.05) 50%, #FFFFFF 80%);

  /* --- Tipografia --- */
  --font-heading: 'Sora', 'Manrope', -apple-system, sans-serif;
  --font-body: 'Inter', -apple-system, sans-serif;

  /* --- Layout & Bordas --- */
  --container-max-width: 1240px;
  --header-height: 80px;
  --border-radius-sm: 8px;
  --border-radius-md: 14px;
  --border-radius-lg: 20px;
  --border-radius-full: 9999px;

  /* --- Transições --- */
  --transition-fast: 180ms ease;
  --transition-normal: 300ms cubic-bezier(0.16, 1, 0.3, 1);
}