/* Monolith Archive — target tokens. Proof + new macros only. */

/* Beat injected dashboard crumbs (inline style in body) before first paint. */
.sf-dashboard-nav {
  display: none !important;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url("../fonts/inter-latin-400.woff2") format("woff2");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url("../fonts/inter-latin-600.woff2") format("woff2");
}

@font-face {
  font-family: "Instrument Serif";
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url("../fonts/instrument-serif-latin-400.woff2") format("woff2");
}

:root {
  --ma-bg: #ffffff;
  --ma-well: #f4f3f0;
  --ma-text: #111111;
  --ma-muted: #6a6a6a;
  --ma-line: #e6e4e0;
  --ma-primary: #111111;
  --ma-on-primary: #ffffff;
  --ma-primary-hover: #2c2c2c;
  --ma-destructive: #111111;
  --ma-overlay: rgba(17, 17, 17, 0.35);

  --ma-space-1: 4px;
  --ma-space-2: 8px;
  --ma-space-3: 12px;
  --ma-space-4: 16px;
  --ma-space-5: 24px;
  --ma-space-6: 32px;
  --ma-space-7: 48px;

  --ma-radius-card: 0;
  --ma-radius-album: 4px;
  --ma-radius-btn: 4px;
  --ma-radius-pill: 999px;
  --ma-radius-menu: 8px;

  --ma-font-sans: Inter, Helvetica, Arial, sans-serif;
  --ma-font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;

  --ma-card-image-h: 320px;
  --ma-item-thumb: 72px;
  --ma-nav-h: 64px;
  --ma-touch: 44px;
  --ma-move: 160ms ease;
}

@media (max-width: 767px) {
  :root {
    --ma-card-image-h: 260px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ma-move: 0ms;
  }
}