/* 
Theme Name: Jayne Marie Psychic Services Theme
Theme URI: https://jmarieps.com/
Description: Jayne Marie Psychic Services custom theme, created by ImageWorks Associates Inc. team
Author: P. Brenek - ImageWorks Associates Inc.
Author URI: https://imageworksassociates.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

/*
 * 1.0 | GLOBAL FONT DEFINITIONS
 * Loads local variable fonts for performance and design control.
 * High-performance @font-face rules
*/

/* -----------------------------------------------------------
   1.0 — Local Variable Fonts (@font-face)
   Served from the child theme /fonts directory.
   Font-family names match Elementor Custom Fonts:
   "Cinzel-Var" and "Montserrat-Var"
   ----------------------------------------------------------- */
   
/* ===== Cinzel Variable (Headings) ===== */
@font-face {
  font-family: "Cinzel-Var";
  src: url("fonts/Cinzel-Var.woff2") format("woff2");
  font-weight: 400 900; /* full weight range supported by the font */
  font-style: normal;
  font-display: swap; /* prevents invisible text */
}

/* ===== Montserrat Variable (Body) - Roman ===== */
@font-face {
  font-family: "Montserrat-Var";
  src: url("fonts/Montserrat-Var.woff2") format("woff2");
  font-weight: 100 900; /* full weight range supported by the font */
  font-style: normal;
  font-display: swap; /* prevents invisible text */
}

/* ===== Montserrat Variable (Body) - Italic ===== */
@font-face {
  font-family: "Montserrat-Var";
  src: url("fonts/Montserrat-Var-Italic.woff2") format("woff2");
  font-weight: 100 900; /* full weight range supported by the font */
  font-style: italic;
  font-display: swap; /* prevents invisible text */
}

/* --- End of Font Definitions --- */

/* 2.0 | GLOBAL FONT OVERRIDES (Elementor-Safe) */
/* -----------------------------------------------------------
   2.0 — Global Typography Defaults
   (Elementor will usually override with Site Settings),
   but these give you a sane baseline and fallbacks.
   ----------------------------------------------------------- */
   
/* ===== Global Body Font ===== */
body {
    font-family: "Montserrat-Var", system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Cinzel-Var", system-ui, sans-serif;
}