/* Menixs Design System Tokens */
:root {
  /* Brand */
  --menixs-yellow: #F0C000;
  --menixs-yellow-bright: #FFD000;
  --menixs-yellow-deep: #E0A800;
  --menixs-orange: #FFB020;
  --menixs-black: #0A0A0A;
  --menixs-ink: #141414;
  --menixs-graphite: #1F1F1F;
  --menixs-off-white: #FAFAF7;
  --menixs-paper: #F4F2EC;
  --menixs-line: rgba(10,10,10,0.08);
  --menixs-line-dark: rgba(255,255,255,0.10);
  --menixs-muted: #6B6B66;
  --menixs-muted-dark: #8A8A85;

  /* Type */
  --font-display: "Geist", "Söhne", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Geist", "Söhne", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
button { font-family: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }

/* Marquee animation shared */
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(0.85); }
}

@keyframes blink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}

@keyframes shimmer {
  from { background-position: -200% 0; }
  to { background-position: 200% 0; }
}