/* ============================================================
   Harun Mehic — Portfolio
   Self-hosted fonts + global theme tokens
   Fonts: Newsreader & IBM Plex Mono (SIL Open Font License, free)
   ============================================================ */

@import url("fonts.css");

/* ---- Theme tokens (light by default; JS swaps these on toggle) ---- */
:root {
  --bg: #F4F2ED;
  --ink: #0A0A0A;
  --accent: #FF3B2F;
  --line: rgba(10, 10, 10, 0.14);
  --muted: rgba(10, 10, 10, 0.5);
}

html, body { margin: 0; padding: 0; background: var(--bg, #F4F2ED); }
* { box-sizing: border-box; }
::selection { background: var(--accent, #FF3B2F); color: #fff; }

/* Hide selected nav meta on small screens (matches the design) */
@media (max-width: 720px) { .hidemob { display: none !important; } }

/* Case-study detail is hidden until JS toggles inline display to grid on card click */
[data-case] { display: none; }

/* Respect reduced-motion: keep everything visible & static */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; }
}