/* ==========================================================
   preferences.css — Client Customization Overrides
   ----------------------------------------------------------
   Loaded via Custom CSS & JS plugin (after theme styles).
   Uncomment and adjust only the variables you want to override.
   
   This file mirrors theme-variables.css.
   Copy theme-variables.css here to start with all defaults visible.
========================================================== */

:root {

  /* ===== FONTS ===== */

  /* Body font family (loaded in functions.php)
     Default: Source Sans Pro with system fallbacks
     Typical: Any sans-serif web font or system stack */
  --fyc-font-body: "Source Sans Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Heading font family (loaded in functions.php)
     Default: Lora with serif fallbacks
     Typical: Any serif or display font */
  --fyc-font-heading: "Lora", Georgia, "Times New Roman", serif;

  /* Overall body text size influence
     Default: 1 | Typical range: 0.95–1.1 */
  --fyc-font-scale: 1;


  /* ===== LAYOUT & SPACING ===== */

  /* Content width for articles and pages
     Default: 960px | Typical range: 800px–1200px */
  --fyc-content-width: 960px;

  /* Vertical spacing between blocks
     Default: 1.15rem | Typical range: 0.9rem–1.4rem */
  --fyc-flow-space: 1.15rem;


  /* ===== TYPOGRAPHY DETAILS ===== */

  /* Paragraph line height
     Default: 1.55 | Typical range: 1.45–1.75 */
  --fyc-line-height: 1.55;

  /* Heading line-height tightness
     Default: 0.95 | Typical range: 0.9–1.1 */
  --fyc-heading-tightness: 0.95;


  /* ===== HEADER & NAVIGATION ===== */
  /*    Default: 100% | Typical: 50%–100% or fixed px */
  --custom-logo-height: 100%;

  /* Logo and below-nav widget section width
     Default: 600px | Typical range: 500px–800px */
  --header-logo-width: 600px;

  /* Header social icons size (diameter for circular buttons)
     Default: 2.5rem | Typical range: 2rem–3.5rem */
  --header-social-icon-size: 2.5rem;

  /* Footer podcast icons size (diameter for circular buttons)
     Default: 2.5rem | Typical range: 2rem–3.5rem */
  --footer-podcast-icon-size: 2.5rem;

  /* Footer social icons size (diameter for circular buttons)
     Default: 2.5rem | Typical range: 2rem–3.5rem */
  --footer-social-icon-size: 2.5rem;

  /* Social icon inner SVG size (applies to all icon sets)
     Default: 1.25rem | Typical range: 1rem–1.75rem */
  --social-icon-svg-size: 1.25rem;

  /* Social icons row spacing (gap between icons)
     Default: 1rem | Typical range: 0.5rem–1.5rem */
  --social-icons-gap: 1rem;

  /* Social icons row alignment
     Default: space-between | Options: flex-start | center | flex-end | space-between | space-around | space-evenly */
  --social-icons-justify: space-between;

  /* Social icons wrapping behavior
     Default: wrap | Options: wrap | nowrap */
  --social-icons-wrap: wrap;

  /* Header divider thickness (rem, hairline by default)
     Default: 0.012rem | Typical range: 0.01rem–0.06rem (1px = 0.0625rem) */
  --header-divider-width: 0.012rem;

  /* Header divider color mix (% of black into Robin's Egg)
     Default: 18% | Typical range: 10%–30% */
  --header-divider-mix: 18%;

  /* Hamburger menu position (mobile only)
     Default: flex-start (left-aligned)
     Options: flex-start | center | flex-end */
  --menu-toggle-align: flex-start;

  /* Hamburger menu visibility (mobile only)
     Default: flex (visible)
     Options: flex | none (hide if using custom mobile navigation) */
  --menu-toggle-display: flex;

  /* Navigation font size level
     Default: 5 | Matches h1–h6 size */
  --nav-heading-level: 5;


  /* ===== CARDS & LAYOUT GRID ===== */

  /* Card shadow intensity (light by default)
     Default: 0 2px 8px rgba(0, 0, 0, 0.08)
     Typical: Adjust opacity 0.05–0.15 for lighter/heavier */
  --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);

  /* Card shadow on hover
     Default: 0 4px 16px rgba(0, 0, 0, 0.12)
     Typical: Adjust opacity 0.08–0.2 */
  --card-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);

  /* Card border radius
     Default: 4px | Typical range: 0px–12px */
  --card-border-radius: 4px;

  /* ===== FORMS ===== */

  /* MailPoet form width
     Default: 80% | Typical range: 60%–100% */
  --mailpoet-form-width: 80%;

}