/*
Theme Name: Twenty Twenty-Five Child
Description: Child theme for Twenty Twenty-Five with Recursive font
Template: twentytwentyfive
Version: 1.0.0
*/

/* Import Recursive font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Recursive:wght@300..1000&display=swap');

/* Recursive font class - customize the uniquifier and weight as needed */
.recursive-font {
  font-family: "Recursive", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CASL" 0,
    "CRSV" 0.5,
    "MONO" 0;
}

/* Apply Recursive font to body by default */
body {
  font-family: "Recursive", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CASL" 0,
    "CRSV" 0.5,
    "MONO" 0;
}

/* Apply to headings with different weights */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: "Recursive", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CASL" 0,
    "CRSV" 0.5,
    "MONO" 0;
}

/* Optional: Apply to specific elements */
.site-title,
.site-description {
  font-family: "Recursive", sans-serif;
  font-optical-sizing: auto;
}

/* You can create variations with different font-variation-settings */
.recursive-casual {
  font-family: "Recursive", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-variation-settings:
    "slnt" 0,
    "CASL" 1,
    "CRSV" 0.5,
    "MONO" 0;
}

.recursive-mono {
  font-family: "Recursive", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-variation-settings:
    "slnt" 0,
    "CASL" 0,
    "CRSV" 0.5,
    "MONO" 1;
}


/* Override body font to ensure Recursive loads with fallback */
body,
.wp-site-blocks {
  font-family: "Recursive", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* Override headings font */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-post-title {
  font-family: "Recursive", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}


/* Override body font to ensure Recursive loads with fallback */
body,
.wp-site-blocks {
  font-family: "Recursive", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* Override headings font */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-post-title {
  font-family: "Recursive", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* Override body font to ensure Recursive loads with fallback - added for mobile compatibility */
body,
.wp-site-blocks {
  font-family: "Recursive", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* Override headings font */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-post-title {
  font-family: "Recursive", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}