/* ------------------------------------------------------------
   Hinodo additions on top of the copied design system.
   style.css and hero.css stay untouched so they can be re-copied
   from the source site at any time.
   ------------------------------------------------------------ */

/* The source app injects these four variables through next/font. Static pages
   load the same families from Google Fonts and name them here, so every stack
   in style.css resolves to the face it was designed against. */
:root {
  --font-sans: 'DM Sans';
  --font-serif: 'Source Serif 4';
  --font-reading: 'Be Vietnam Pro';
  --font-mono: 'JetBrains Mono';
}

/* Wordmark stands in for the logo image until artwork exists. */
.logo-word {
  font-family: var(--font-serif), 'Source Serif 4', Georgia, ui-serif, serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--text);
}

/* Both theme icons ship in the markup; the script shows one. */
.theme-toggle svg[hidden] {
  display: none;
}