/* ============================================================
   Stitch (ScholarsGate) skin for the PUBLIC HOMEPAGE.
   The original homepage markup is entirely driven by CSS custom
   properties (--bg-deep, --accent-gold, --text-dark, etc.), so we
   only need to override those tokens here - zero HTML/JS changes.
   ============================================================ */

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

:root {
  --bg-deep: #0c4a6e;
  --bg-deep-2: #075985;
  --bg-paper: #f7f9fb;
  --bg-paper-2: #eceef0;
  --accent-gold: #fbbf24;
  --accent-gold-soft: rgba(251,191,36,0.18);
  --text-dark: #191c1e;
  --text-mute: #45464d;
  --text-light: #f0f9ff;
  --text-light-mute: rgba(240,249,255,0.78);
  --hp-line: rgba(240,249,255,0.16);
  --hp-radius: 8px;
}

.home-body, .home-body h1, .home-body h2, .home-body h3, .home-nav .brand {
  font-family: 'Inter', -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

.info-box, .contact-item { border-radius: var(--hp-radius); }
.gallery-strip img { border-radius: var(--hp-radius); }
.founder-card img { border-radius: 50%; }

.btn-primary {
  background: linear-gradient(90deg, #1E40AF 0%, #06B6D4 100%);
  color: #000000;
  font-family: 'IBM Plex Mono', monospace;
  padding: 8px 16px;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #1E40AF;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Same gradient as .btn-primary above, applied as a text fill instead of a
   background - for "Find your focus", "A quiet, dedicated space...", and
   "What Study Point does", per request, so the accent colour is
   consistent across the button and these headings. */
.gradient-text {
  background: linear-gradient(90deg, #1E40AF 0%, #06B6D4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}