:root {
  --font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  --color-ink: #171717;
  --color-paper: #f7f5ed;
  --color-brand: #f5c400;
  --color-brand-deep: #9a7400;
  --color-charcoal: #101010;
  --color-line: #e6dfca;
  --color-moss: #12845b;
  --color-coral: #d75f43;
  --color-steel: #315a7b;
  --color-night: #181818;
  --color-dark-bg: #101010;
  --color-dark-card: #181818;
  --color-dark-border: #2f2f2f;
  --color-gold: #d4af37;
  --color-gold-dim: #7a5c00;
  --color-dark-text-dim: #9b9b9f;
  --color-muted: #70747d;
  --color-gold-soft: #fff6cf;
  --color-green-soft: #e8fff4;
}

html, body, #root {
  max-width: 100%;
  overflow-x: hidden;
  font-family: var(--font-sans);
}

body {
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  background-color: var(--color-paper);
  color: var(--color-ink);
  -webkit-font-smoothing: antialiased;
}

@keyframes pulse-wave {
  0%, 100% { transform: scaleY(0.3); }
  50% { transform: scaleY(1); }
}

.pulse-bar {
  display: inline-block;
  width: 1.5px;
  height: 10px;
  background-color: #f5c400;
  margin: 0 0.5px;
  animation: pulse-wave 0.8s ease-in-out infinite;
  transform-origin: center;
}
.pulse-bar:nth-child(2) { animation-delay: 0.12s; }
.pulse-bar:nth-child(3) { animation-delay: 0.24s; }
.pulse-bar:nth-child(4) { animation-delay: 0.36s; }
.pulse-bar:nth-child(5) { animation-delay: 0.48s; }