:root {
  /* Cores — base 60%, coral 30%, acentos 10% (nunca competindo entre si na mesma tela) */
  --color-bg: #1C1620;
  --color-bg-raised: #241C2B;
  --color-bg-raised-2: #2C2233;
  --color-border: rgba(255, 255, 255, 0.08);

  --color-coral: #FF6B35;
  --color-magenta: #FF3EA5;
  --color-yellow: #FFC93C;
  --color-cyan: #2DD4C7;

  --color-text: #F5F0EA;
  --color-text-muted: #B7ACC0;
  --color-text-faint: #8A7F96;

  --color-on-coral: #1C1620;

  /* Tipografia */
  --font-display: "Bungee", system-ui, sans-serif;
  --font-body: "Barlow Condensed", system-ui, sans-serif;

  /* Espaçamento */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;

  /* Layout */
  --container-max: 1120px;
  --radius: 14px;
  --radius-sm: 8px;

  --ease: cubic-bezier(0.16, 0.84, 0.44, 1);
}