:root {
  /* Cores Principais */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-background-dark: #030303;
  --color-surface-dark: #0f0f0f;
  
  --color-primary: #F0BC6F; /* Dourado/Amarelo */
  --color-primary-dark: #E6BF4A;
  
  --color-secondary: #000102; 
  --color-accent: #61CE70; /* Verde / Sucesso */
  
  /* Textos */
  --text-primary: #333333;
  --text-secondary: #666666;
  --text-muted: #999999;
  --text-light: #7A7A7A;
  --text-lighter: #cccccc;
  
  /* Bordas e Divisores */
  --color-border: #E8E8E8;
  --color-border-dark: #dddddd;

  /* Tipografia */
  --font-primary: "Poppins", Sans-serif;
  --font-secondary: Roboto, "Arial", sans-serif;
  --font-serif: 'Source Serif 4', Sans-serif;
  --font-icons: "Font Awesome 5 Free";
  --font-icons-brands: "Font Awesome 5 Brands";
  
  /* Tamanhos de Fonte Base (Elementor defaults scale it) */
  --font-size-sm: 12px;
  --font-size-base: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  
  /* Layout e Espaçamentos */
  --container-max-width: 1140px;
  --container-tablet-width: 1024px;
  --container-mobile-width: 767px;
  
  --spacing-xs: 10px;
  --spacing-sm: 15px;
  --spacing-md: 20px;
  --spacing-lg: 30px;
  --spacing-xl: 40px;
  
  /* Efeitos e Sombras */
  --radius-sm: 3px;
  --radius-md: 10px;
  --shadow-sm: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --shadow-md: 12px 12px 50px rgba(0, 0, 0, 0.4);
}