:root {
  /* Brand Colors */
  --color-primary: #f2c01f; /* Amarelo */
  --color-secondary: #070707; /* Preto */
  --color-white: #ffffff;
  --color-gray: #4a4a4b;
  
  /* Text Colors */
  --text-main: var(--color-white);
  --text-muted: rgba(255, 255, 255, 0.7);
  
  /* Backgrounds */
  --bg-dark: var(--color-secondary);
  --bg-glass: rgba(7, 7, 7, 0.4);
  
  /* Glassmorphism */
  --glass-blur: 20px;
  --glass-border: rgba(255, 255, 255, 0.1);
  
  /* Fonts */
  --font-primary: 'Chakra Petch', sans-serif;
  --font-secondary: 'Kanit', sans-serif;
  
  /* Breakpoints */
  --mobile: 320px;
  --tablet: 768px;
  --desktop: 1024px;
  --large: 1440px;
  --xlarge: 1920px;
  
  /* Transitions */
  --transition-smooth: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}