:root {
  /* Cores exatas do Figma */
  --color-banner-bg: #f5c518;
  --color-banner-text: #8b0000;
  --color-nav-bg: #fafaf5;
  --color-primary-red: #d62300;
  --color-primary-brown: #502314;
  --color-text-dark: #1a1a1a;
  --color-ninja-green: #00c853;

  --font-display: "Titan One", cursive;
  --font-body: "Open Sans", sans-serif;

  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
  font-family: var(--font-body);
  background-color: #fff;
  color: var(--color-text-dark);
  overflow-x: hidden;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}