:root {
  /* Cores */
  --bg-primary: #0A0A0F;
  --bg-card: #111118;
  --bg-sidebar: #0D0D15;
  --color-brand: #6C47FF;
  --color-secondary: #00D4FF;
  --gradient-brand: linear-gradient(135deg, #6C47FF 0%, #00D4FF 100%);
  --text-primary: #FFFFFF;
  --text-muted: #8B8FA8;
  --border-subtle: rgba(255, 255, 255, 0.06);
  --color-success: #22C55E;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;

  /* Tipografia */
  --font-main: 'Inter', sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 20px;
  --text-xl: 28px;
  --text-2xl: 40px;
  --text-hero: 64px;

  /* Espaçamentos */
  --section-py: 100px;
  --card-radius: 16px;
  --btn-radius: 8px;
  --card-padding: 32px;

  /* Sombras */
  --shadow-brand: 0 20px 60px rgba(108, 71, 255, 0.15);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);

  /* Layout */
  --sidebar-width: 240px;
  --navbar-height: 72px;
  --container-max: 1200px;
}