:root {
  /* Cores da marca */
  --color-bg: #050608;
  --color-bg-elevated: #0c0e13;
  --color-bg-card: #111319;
  --color-primary: #32b6ff;
  --color-primary-rgb: 50, 182, 255;
  --color-primary-light: #6cd0ff;
  --color-primary-dark: #1a8fd1;
  --color-white: #f5f8fb;
  --color-muted: #8a94a6;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(50, 182, 255, 0.35);
  --color-danger: #ff4d6d;
  --color-success: #2ee6a6;
  --color-warning: #ffb020;

  /* Glow */
  --glow-sm: 0 0 8px rgba(var(--color-primary-rgb), 0.45);
  --glow-md: 0 0 24px rgba(var(--color-primary-rgb), 0.35), 0 0 4px rgba(var(--color-primary-rgb), 0.6);
  --glow-lg: 0 0 60px rgba(var(--color-primary-rgb), 0.35), 0 0 12px rgba(var(--color-primary-rgb), 0.5);
  --glow-text: 0 0 12px rgba(var(--color-primary-rgb), 0.8);

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

  /* Espaçamento */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;

  /* Raio */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-full: 999px;

  /* Movimento */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.2s;
  --dur-base: 0.4s;
  --dur-slow: 0.8s;

  /* Layout */
  --container-max: 1280px;
  --header-height: 84px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}