:root {
  /* Tipografia */
--font-logo: 'Exo 2', sans-serif;       /* Moderna e profissional */
--font-primary: 'Roboto Flex', sans-serif; /* Leitura fácil e escalável */

  /* Base font size responsiva */
  font-size: clamp(14px, 1vw + 0.5rem, 16px);
  --font-size-base: 0.875rem;

  /* Tamanhos */
  --font-size-logo: clamp(1.8rem, 1vw, 2.4rem);

  /* Pesos */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* Cores */
  --color-primary: #3A8EE6;
  --color-secondary: #1A1B1E;
  --color-background: #1E1E1E;
  --color-surface: #1A1B1E;
  --color-surface-2: #222327;
  --color-error: #DC2725;
  --color-text-primary: #F3F4F6;
  --color-text-secondary: #AEB2B7;
  --color-text-tertiary: #888888;
  --color-accent: #ff9800;
  --bg-loader-overlay: var(--color-background);
  --aurora-1: #3A8EE6;
  --aurora-2: #9333EA;
  --aurora-3: #14B8A6;
  --border-color: #31343A;
  --border: var(--border-color);

  /* Espaçamentos */
  --spacing-xs: 0.25rem;
  --spacing-s: 0.5rem;
  --spacing-m: 1rem;
  --spacing-l: 1.5rem;
  --spacing-xl: 2rem;
  --page-padding-x: calc(var(--spacing-m) + var(--spacing-xs));

  /* Camadas */
  --z-base: 0;
  --z-header: 100;
  --z-dropdown: 200;
  --z-tooltip: 300;
  --z-loader: 1000;
  --z-modal: 1100;
  --z-toast: 1200;
}