/* fastatic-app custom overrides — loaded after main.css */

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

:root {
  --font-family-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

/* ── Hero ─────────────────────────────────────────────── */
.hero {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-primary) 10%, var(--color-background)) 0%,
    var(--color-background) 100%
  );
}

.hero-padded-lg {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-primary) 14%, var(--color-background)) 0%,
    var(--color-background) 100%
  );
}

/* ── Cards ────────────────────────────────────────────── */
.card {
  border-top: 3px solid var(--color-accent);
}

/* ── Navbar brand ─────────────────────────────────────── */
.navbar-brand {
  color: var(--color-primary);
}

.navbar-brand:hover {
  color: var(--color-primary-hover);
}

/* ── Accent highlights ────────────────────────────────── */
.prose a {
  color: var(--color-primary);
}

.prose a:hover {
  color: var(--color-primary-hover);
}