@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400..700&family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

/* Solo design tokens. The pages themselves are inline styled, matching the
   approved design components, so this file carries only what they inherit. */
:root {
  --solo-gold: #DFB54B;
  /* Brighter gold, used for filled button backgrounds only. The 48px rule,
     the dots, the chips and every other gold detail stay on --solo-gold. */
  --solo-gold-bright: #F0C24E;
  --solo-gold-deep: #B8912F;
  --solo-gold-text: #8A6B1C;
  --solo-gold-tint: #FBF3E1;
  --ink: #1C1B18;
  --ink-soft: #5B584F;
  --canvas: #FFFFFF;
  --canvas-warm: #FAF7F0;
  --deep: #26241E;
  --line: #E7E2D6;
}
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #FFFFFF;
  color: #1C1B18;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
}
h1, h2, h3 { font-family: Poppins, Helvetica, Arial, sans-serif; margin: 0; }
p { margin: 0; }
a { color: #8A6B1C; text-decoration: none; }
a:hover { color: #1C1B18; }
:focus-visible { outline: 3px solid #DFB54B; outline-offset: 3px; }