/* Shared across every page, loaded after each page's own styles so it wins.
   It keeps wadatahr.com in the same visual language as the app (the app's
   design.md): the app's buttons, calm hairline cards, and sentence-case
   labels. Colours are the app's tokens, already on every page as :root vars. */

/* Buttons: the app's shapes. Primary stays lime; the outline becomes the
   app's secondary (white, hairline border, soft shadow) instead of a heavy
   black ring; nothing jumps on hover. */
.btn {
  border-width: 1px;
  border-radius: 12px;
  letter-spacing: 0;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.btn:hover { transform: none !important; }
.btn:active { transform: translateY(0.5px) scale(0.99) !important; }
.btn-sm { border-radius: 10px; }
.btn-primary:hover { box-shadow: 0 2px 10px rgba(166, 235, 0, 0.35); }
.btn-outline {
  background: var(--white);
  color: var(--ink);
  border-color: var(--border);
  box-shadow: 0 1px 2px rgba(25, 28, 24, 0.05);
}
.btn-outline:hover { background: var(--surface); border-color: #c9cec0; } /* the app's --border-strong */
.btn-dark { box-shadow: none !important; }
.btn-dark:hover { background: #2a2f27; } /* the app's --ink-hover */

/* Focus rings, as in the app. */
a:focus-visible, button:focus-visible, .btn:focus-visible {
  outline: 2px solid var(--lime-deep);
  outline-offset: 2px;
}

/* Type: the app's two families. Plus Jakarta Sans (display) is the app's own
   self-hosted file, so headings render exactly as in the app; Inter (body)
   comes from Google Fonts. Licence: assets/fonts/PlusJakartaSans-OFL.txt. */
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('/assets/fonts/PlusJakartaSans-Variable.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
h1, h2, h3 { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; }

/* The largest headings track as the app's 40px figures do (-0.03em); smaller
   headings keep -0.02em. */
.hero h1, .page-hero h1 { letter-spacing: -0.03em; }