@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

/* Shared interface tokens. The original HireJuno logo and mascot remain assets,
   not recoloured interface elements. */
:root {
  --platform-primary: #0667ff;
  --platform-primary-dark: #0050cb;
  --platform-ink: #081538;
  --platform-muted: #59677e;
  --platform-soft: #eef6ff;
  --platform-line: #dde7f5;
  --platform-white: #fff;
  --platform-font-display: 'Manrope', Arial, sans-serif;
  --platform-font-body: 'Inter', Arial, sans-serif;
  --platform-radius: 12px;
  --platform-control-radius: 8px;

  --jh-ink: var(--platform-ink);
  --jh-green: var(--platform-primary);
  --jh-green-dark: var(--platform-primary);
  --jh-muted: var(--platform-muted);
  --jh-line: var(--platform-line);
  --jh-paper: var(--platform-soft);
  --jh-font: var(--platform-font-body);
  --jh-display: var(--platform-font-display);

  --jp-brand: var(--platform-primary);
  --jp-navy: var(--platform-ink);
  --jp-ink: var(--platform-ink);
  --jp-muted: var(--platform-muted);
  --jp-line: var(--platform-line);
  --jp-mist: var(--platform-white);

  --jv-green: var(--platform-primary);
  --jv-dark: var(--platform-primary);
  --jv-deep: var(--platform-primary-dark);
  --jv-ink: var(--platform-ink);
  --jv-muted: var(--platform-muted);
  --jv-mint: var(--platform-soft);
  --jv-cream: var(--platform-white);
  --jv-line: var(--platform-line);
  --jv-accent: var(--platform-primary);
  --jv-tint: var(--platform-soft);
  --jv-body: var(--platform-font-body);
  --jv-display: var(--platform-font-display);

  --jn-ink: var(--platform-ink);
  --jn-green: var(--platform-primary);
  --jn-green-dark: var(--platform-primary-dark);
  --jn-mint: var(--platform-soft);
  --jn-muted: var(--platform-muted);
  --jn-line: var(--platform-line);
  --jn-radius: var(--platform-radius);

  --juno-green: var(--platform-primary);
  --juno-green-dark: var(--platform-primary-dark);
  --juno-green-deep: #0044ad;
  --juno-green-tint: var(--platform-soft);
  --green: var(--platform-primary);
  --hj-accent: var(--platform-primary);
  --font-display: var(--platform-font-display);
  --font-body: var(--platform-font-body);
}

.jh-home,.jp-site,.jv-site,.jn-site {
  font-family: var(--platform-font-body);
  color: var(--platform-ink);
  -webkit-font-smoothing: antialiased;
}
:is(.jh-home,.jp-site,.jv-site,.jn-site) :is(h1,h2,h3,h4) {
  font-family: var(--platform-font-display);
}
:is(.jh-home,.jp-site,.jv-site,.jn-site) :focus-visible {
  outline-color: var(--platform-primary);
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}