/* ==========================================================================
   CSS Custom Properties — mirrors theme.json so variables are always
   available in classic/hybrid mode regardless of WP global styles output.
   ========================================================================== */
:root,
.editor-styles-wrapper {
  /* Font families */
  --wp--preset--font-family--primary: 'neue-haas-unica', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --wp--preset--font-family--system:  -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Font sizes */
  --wp--preset--font-size--xs:   11px;
  --wp--preset--font-size--sm:   13px;
  --wp--preset--font-size--md:   15px;
  --wp--preset--font-size--base: 16px;
  --wp--preset--font-size--lg:   18px;
  --wp--preset--font-size--xl:   20px;
  --wp--preset--font-size--2xl:  28px;
  --wp--preset--font-size--3xl:  42px;
  --wp--preset--font-size--4xl:  56px; 

  /* Color palette */
  --wp--preset--color--navy:               #0a2540;
  --wp--preset--color--slate:              #425466;
  --wp--preset--color--muted:              #8898aa;
  --wp--preset--color--near-black:         #061B31;
  --wp--preset--color--primary:            #1300FC;
  --wp--preset--color--primary-hover:      #2a1aff;
  --wp--preset--color--primary-light:      #eef0ff;
  --wp--preset--color--white:              #ffffff;
  --wp--preset--color--bg-light:           #f6f9fc;
  --wp--preset--color--bg-lighter:         #f0f4f8;
  --wp--preset--color--border:             #e6ebf1;
  --wp--preset--color--success:            #0fbf84;
  --wp--preset--color--purple:             #7c3aed;
  --wp--preset--color--brand-purple:       #534AB7;
  --wp--preset--color--brand-purple-dark:  #3C3489;
  --wp--preset--color--brand-purple-light: #EEEDFE;

  /* Gradients */
  --wp--preset--gradient--brand:      linear-gradient(135deg, #f6d047 0%, #f3b38f 25%, #e19ec9 45%, #ac82d8 65%, #6767e1 85%, #0044c4 100%);
  --wp--preset--gradient--light-blue: linear-gradient(135deg, #f6f9fc 0%, #e8f0fe 100%);

  /* Spacing */
  --wp--preset--spacing--1: 4px;
  --wp--preset--spacing--2: 8px;
  --wp--preset--spacing--3: 16px;
  --wp--preset--spacing--4: 24px;
  --wp--preset--spacing--5: 32px;
  --wp--preset--spacing--6: 48px;
  --wp--preset--spacing--7: 80px;
  --wp--preset--spacing--8: 100px;
  --wp--preset--spacing--9: 120px;

  /* Shadows */
  --wp--preset--shadow--soft:   0 2px 12px rgba(0,0,0,0.04);
  --wp--preset--shadow--medium: 0 8px 32px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06);
  --wp--preset--shadow--large:  0 24px 48px rgba(10,37,64,0.10);

  /* mobile padding*/
  --wp--style--root--mobile--padding-right: var(--wp--preset--spacing--4);
  --wp--style--root--mobile--padding-left: var(--wp--preset--spacing--4);
}

/* ========== BLOCK EDITOR LAYOUT ========== */
main.wp-block-group {
  margin-top: var(--wp--preset--spacing--8);
  margin-bottom: var(--wp--preset--spacing--8);
  
} 
 
@media (max-width: 1199px) {
   main .is-layout-constrained {
        padding-right: var(--wp--style--root--mobile--padding-right);
        padding-left: var(--wp--style--root--mobile--padding-left);
    }
}