@font-face {
  font-family: Inter;
  src: url("../fonts/InterVariable.2bf3d951bf9d.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --suno-red: #a42730;
  --suno-accent: #ed4248;
  --suno-red-dark: #7f1d25;
  --suno-cream: #faf9f2;
  --suno-paper: #f2f0e9;
  --suno-line: #dedcd3;
  --suno-white: #ffffff;
  --suno-ink: #171717;
  --suno-muted: #666760;
  --suno-green: #5f715f;
  --suno-amber: #9a6a25;
  --suno-topography: #a29968;
  --suno-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --suno-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --suno-radius: 2px;
  --suno-content: 1360px;
}

.suno-wordmark { display: inline-flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.suno-wordmark img { object-fit: contain; flex-shrink: 0; }
.suno-wordmark span { font: 720 20px/1 var(--suno-font); letter-spacing: .16em; }
:focus-visible { outline: 3px solid var(--suno-action); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}