/*
 * Application styles (Propshaft manifest). Rules here are unlayered, so they
 * intentionally override Tailwind's @layer base. Propshaft rewrites the url()
 * references below to digested asset paths at serve time.
 *
 * Heliotrope web fonts (Process Type Foundry). The family name encodes the grade
 * and cut: plain, "Tab" (tabular figures), and "Small Caps" (the Caps cut, whose
 * lowercase glyphs are true small caps — no font-variant needed). Within each
 * family, Regular/Italic/Bold/Bold Italic map to font-weight/font-style.
 */


/* ── Heliotrope 3 ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 3";
  src: url("/assets/heliotrope_3_regular-4be002dd.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 3";
  src: url("/assets/heliotrope_3_italic-591a5adb.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 3";
  src: url("/assets/heliotrope_3_bold-0eeaba8b.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 3";
  src: url("/assets/heliotrope_3_bold_italic-752a618d.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

/* ── Heliotrope 3 Small Caps ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 3 Small Caps";
  src: url("/assets/heliotrope_3_caps_regular-ef04dfa5.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 3 Small Caps";
  src: url("/assets/heliotrope_3_caps_bold-717b24b8.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* ── Heliotrope 3 Tab ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 3 Tab";
  src: url("/assets/heliotrope_3_tab_regular-770a7d37.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 3 Tab";
  src: url("/assets/heliotrope_3_tab_italic-0db05397.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 3 Tab";
  src: url("/assets/heliotrope_3_tab_bold-9ebbf680.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 3 Tab";
  src: url("/assets/heliotrope_3_tab_bold_italic-03af23bc.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

/* ── Heliotrope 3 Tab Small Caps ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 3 Tab Small Caps";
  src: url("/assets/heliotrope_3_tab_caps_regular-944b111a.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 3 Tab Small Caps";
  src: url("/assets/heliotrope_3_tab_caps_bold-0faae28b.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* ── Heliotrope 4 ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 4";
  src: url("/assets/heliotrope_4_regular-f6cfa5b6.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 4";
  src: url("/assets/heliotrope_4_italic-0c30a116.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 4";
  src: url("/assets/heliotrope_4_bold-ba820dd6.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 4";
  src: url("/assets/heliotrope_4_bold_italic-b73aee68.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

/* ── Heliotrope 4 Small Caps ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 4 Small Caps";
  src: url("/assets/heliotrope_4_caps_regular-ae771aff.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 4 Small Caps";
  src: url("/assets/heliotrope_4_caps_bold-127ba93d.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* ── Heliotrope 4 Tab ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 4 Tab";
  src: url("/assets/heliotrope_4_tab_regular-dd900da8.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 4 Tab";
  src: url("/assets/heliotrope_4_tab_italic-7f3166f5.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 4 Tab";
  src: url("/assets/heliotrope_4_tab_bold-f6632f89.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 4 Tab";
  src: url("/assets/heliotrope_4_tab_bold_italic-5a7a5d6c.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

/* ── Heliotrope 4 Tab Small Caps ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 4 Tab Small Caps";
  src: url("/assets/heliotrope_4_tab_caps_regular-6120d9be.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 4 Tab Small Caps";
  src: url("/assets/heliotrope_4_tab_caps_bold-4f1f5231.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* ── Heliotrope 6 ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 6";
  src: url("/assets/heliotrope_6_regular-72f1f3f3.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 6";
  src: url("/assets/heliotrope_6_italic-dfa0ca1c.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* ── Heliotrope 6 Small Caps ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 6 Small Caps";
  src: url("/assets/heliotrope_6_caps_regular-a1d4729c.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ── Heliotrope 6 Tab ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 6 Tab";
  src: url("/assets/heliotrope_6_tab_regular-fce034ea.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 6 Tab";
  src: url("/assets/heliotrope_6_tab_italic-b8925d6e.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* ── Heliotrope 6 Tab Small Caps ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 6 Tab Small Caps";
  src: url("/assets/heliotrope_6_tab_caps_regular-a327a478.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ── Heliotrope 8 ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 8";
  src: url("/assets/heliotrope_8_regular-e00a2427.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 8";
  src: url("/assets/heliotrope_8_italic-2027ee5a.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* ── Heliotrope 8 Small Caps ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 8 Small Caps";
  src: url("/assets/heliotrope_8_caps_regular-91bb06df.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ── Heliotrope 8 Tab ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 8 Tab";
  src: url("/assets/heliotrope_8_tab_regular-5fd68c0b.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Heliotrope 8 Tab";
  src: url("/assets/heliotrope_8_tab_italic-8d2541cf.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* ── Heliotrope 8 Tab Small Caps ─────────────────────────────────────────── */
@font-face {
  font-family: "Heliotrope 8 Tab Small Caps";
  src: url("/assets/heliotrope_8_tab_caps_regular-833d584f.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* ── Base + headings ─────────────────────────────────────────────────────────
 * Body uses the Heliotrope 4 Tab cut (tabular figures baked in — no
 * font-variant-numeric). Headings use the Heliotrope 6 Small Caps cut directly,
 * so small caps come from the font's own glyphs and degrade cleanly to the
 * fallback stack (no font-variant synthesis).
 */
body {
  font-family: "Heliotrope 4 Tab", ui-sans-serif, system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Heliotrope 6 Small Caps", ui-sans-serif, system-ui, sans-serif;
}