:root {
  /* Cores principais */
  --primary-color: #008080;  /* Teal */
  --primary-light: #00a3a3;  /* Teal mais claro */
  --primary-dark: #006666;   /* Teal mais escuro */
  
  /* Cores secundárias */
  --secondary-color: #333333;  /* Cinza escuro */
  --secondary-light: #444444;  /* Cinza médio */
  --secondary-dark: #222222;   /* Quase preto */
  
  /* Cores do tema dark */
  --background-color: #1a1a1a;  /* Fundo escuro */
  --background-alt: #242424;    /* Fundo alternativo */
  --text-color: #e0e0e0;        /* Texto claro */
  --text-muted: #a0a0a0;        /* Texto secundário */
  --border-color: #444444;      /* Cor de borda */
  
  /* Cores de realce */
  --success-color: #4caf50;
  --warning-color: #ff9800;
  --danger-color: #f44336;
  
  /* Espaçamento */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2.5rem;
  --spacing-xl: 4rem;
  
  /* Tipografia */
  --font-family: 'Roboto', sans-serif;
  --font-size-base: 16px;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  
  /* Efeitos */
  --border-radius: 4px;
  --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  --box-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);
  --transition-fast: 0.3s ease;
  --transition-normal: 0.5s ease;
  
  /* Gradientes */
  --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  --gradient-dark: linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-dark) 100%);
}