/* ===================================================================
   Marbl Fonts — Self-hosted variable woff2 stack
   ===================================================================
   Inter        body / UI       wght 100-900
   Urbanist     display         wght 100-900
   Petrona      accent / italic wght 100-900 + italic
   Latin subset only. Total payload: ~167 KB across 4 woff2 files.
   Single source of truth for every Marbl-owned and Marbl-built site.
   =================================================================== */

/* -------------------------------------------------------------------
   Inter - body, UI, microcopy
   ------------------------------------------------------------------- */
@font-face {
  font-family: 'Inter';
  src: url('./assets/inter/inter-variable.woff2') format('woff2-variations'),
       url('./assets/inter/inter-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* -------------------------------------------------------------------
   Urbanist - display, headings, hero titles
   ------------------------------------------------------------------- */
@font-face {
  font-family: 'Urbanist';
  src: url('./assets/urbanist/urbanist-variable.woff2') format('woff2-variations'),
       url('./assets/urbanist/urbanist-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* -------------------------------------------------------------------
   Petrona - accent, Label Style, italic emphasis
   ------------------------------------------------------------------- */
@font-face {
  font-family: 'Petrona';
  src: url('./assets/petrona/petrona-variable.woff2') format('woff2-variations'),
       url('./assets/petrona/petrona-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Petrona';
  src: url('./assets/petrona/petrona-variable-italic.woff2') format('woff2-variations'),
       url('./assets/petrona/petrona-variable-italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* -------------------------------------------------------------------
   Marbl font stack tokens
   System-font fallbacks render instantly while web fonts load (swap).
   ------------------------------------------------------------------- */
:root {
  --marbl-font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --marbl-font-display: 'Urbanist', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --marbl-font-accent: 'Petrona', Georgia, 'Times New Roman', serif;
  --marbl-font-mono: ui-monospace, 'SF Mono', 'Cascadia Mono', 'Roboto Mono', Menlo, Consolas, monospace;
}

/* -------------------------------------------------------------------
   Utility classes
   For quick application without writing custom rules.
   ------------------------------------------------------------------- */
.marbl-text-body { font-family: var(--marbl-font-body); }
.marbl-text-display { font-family: var(--marbl-font-display); }
.marbl-text-accent { font-family: var(--marbl-font-accent); font-style: italic; }
.marbl-text-mono { font-family: var(--marbl-font-mono); }