/* Rockbound brand system — colors/typography sourced from documents-branding/README.md.
   Keep this in sync if that source of truth changes. */

@font-face {
  font-family: "The Seasons";
  src: url("/assets/fonts/TheSeasons-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --rb-navy: #1a2a44;
  --rb-gold: #d9b38d;
  --rb-body: #152944;
  --rb-muted: #5d6d7e;
  --rb-bg: #f1f4f7;
}

.rb-logo {
  height: 28px;
  width: auto;
  display: block;
}

.rb-heading {
  font-family: "The Seasons", Georgia, serif;
  font-weight: 700;
  color: var(--rb-navy);
  margin: 0;
}

.rb-spinner {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3px solid var(--rb-gold);
  border-top-color: var(--rb-navy);
  animation: rb-spin 0.8s linear infinite;
}

@keyframes rb-spin {
  to { transform: rotate(360deg); }
}