/**
 * Qualia Fonts — Local font loading
 *
 * Declares all @font-face rules for self-hosted variable fonts and exposes
 * CSS custom properties for the two font stacks used across the theme.
 *
 * Font stacks:
 *   --qualia-font-display : Fraunces (Latin) / Noto Serif Hebrew (Hebrew fallback)
 *   --qualia-font-body    : DM Sans (Latin) / Noto Sans Hebrew (Hebrew fallback)
 *
 * IMPORTANT: No !important on font-family rules. These CSS custom properties set
 * defaults; Elementor widget-level typography controls override per-element via
 * inline styles. This is the correct cascade — do not fight it.
 *
 * All 6 font files are uploaded to the server in assets/fonts/.
 */

/* =============================================================================
   FRAUNCES — Display (Latin only)
   Variable axes: SOFT, WONK, opsz, wght
   ============================================================================= */

@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-VariableFont_SOFT,WONK,opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-Italic-VariableFont_SOFT,WONK,opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* =============================================================================
   DM SANS — Body (Latin only)
   Variable axes: opsz, wght
   ============================================================================= */

@font-face {
  font-family: 'DM Sans';
  src: url('../fonts/DMSans-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DM Sans';
  src: url('../fonts/DMSans-Italic-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 1000;
  font-style: italic;
  font-display: swap;
}

/* =============================================================================
   NOTO SERIF HEBREW — Display Hebrew fallback
   Variable axes: wdth, wght
   ============================================================================= */

@font-face {
  font-family: 'Noto Serif Hebrew';
  src: url('../fonts/NotoSerifHebrew-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* =============================================================================
   NOTO SANS HEBREW — Body Hebrew fallback
   Variable axes: wdth, wght
   ============================================================================= */

@font-face {
  font-family: 'Noto Sans Hebrew';
  src: url('../fonts/NotoSansHebrew-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* =============================================================================
   CSS CUSTOM PROPERTIES — Font stacks
   ============================================================================= */

:root {
  --qualia-font-display: 'Fraunces', 'Noto Serif Hebrew', serif;
  --qualia-font-body: 'DM Sans', 'Noto Sans Hebrew', sans-serif;
}

/* =============================================================================
   GLOBAL APPLICATION — defaults only
   Elementor widget-level typography settings override these per-element.
   ============================================================================= */

/* Apply body font globally — Elementor widget-level settings will override when set */
body {
  font-family: var(--qualia-font-body);
}

/* Headings default to display font — individual widget typography controls override */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--qualia-font-display);
}