/* SPES design tokens (child theme) — Poppins via Google Fonts; @font-face brand files optional. */
@import url( 'https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;1,400&family=EB+Garamond:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap' );

/* ============================================================
   COLOR TOKENS — Base Palette
   ============================================================ */
:root {
	--color-purple:        #642667;
	--color-cyan:          #05c3de;
	--color-near-black:    #3c3c3b;

	--color-purple-deep:   #4a1b4d;
	--color-purple-70:     #88548a;
	--color-purple-20:     #d9b8da;
	--color-purple-7:      #f3eff6;

	--color-cyan-dark:     #049db6;
	--color-cyan-60:       #8acfe0;
	--color-cyan-19:       #dff1f6;

	--color-sand:          #e0c6ad;
	--color-sand-40:       #faf0e7;
	--color-sand-18:       #fdf8f5;

	--color-gold:          #efd19f;
	--color-gold-75:       #ffebca;
	--color-gold-38:       #fff5e4;

	--color-grey-84:       #626161;
	--color-grey-10:       #c9c9c9;
	--color-grey-5:        #f0f0f0;
	--color-white:         #ffffff;
	--color-warm-white:    #fdfaf7;

	--color-sage:          #7aab8a;
	--color-sage-light:    #e8f3ec;

	--brand-primary:        var( --color-purple );
	--brand-accent:         var( --color-cyan );
	--brand-warm:           var( --color-sand );

	--text-primary:         var( --color-near-black );
	--text-secondary:       var( --color-grey-84 );
	--text-tertiary:        var( --color-grey-10 );
	--text-inverse:         var( --color-white );
	--text-brand:           var( --color-purple );
	--text-link:            var( --color-purple );
	--text-link-hover:      var( --color-purple-deep );

	--bg-page:              var( --color-warm-white );
	--bg-surface:           var( --color-white );
	--bg-subtle:            var( --color-purple-7 );
	--bg-warm:              var( --color-sand-18 );
	--bg-brand:             var( --color-purple );
	--bg-accent:            var( --color-cyan-19 );
	--bg-sage:              var( --color-sage-light );

	--border-default:       var( --color-grey-10 );
	--border-warm:          var( --color-sand );
	--border-brand:         var( --color-purple-20 );

	--state-hover-bg:       var( --color-purple-7 );
	--state-focus:          var( --color-cyan );
	--state-success:        var( --color-sage );

	--font-primary:         "Poppins", sans-serif;
	--font-tagline:         "Asap", sans-serif;
	--font-editorial:       "EB Garamond", Georgia, serif;

	--fw-regular:           400;
	--fw-medium:            500;
	--fw-semibold:          600;
	--fw-bold:              700;

	--text-xs:              0.75rem;
	--text-sm:              0.875rem;
	--text-base:            1rem;
	--text-lg:              1.125rem;
	--text-xl:              1.25rem;
	--text-2xl:             1.5rem;
	--text-3xl:             1.875rem;
	--text-4xl:             2.25rem;
	--text-5xl:             3rem;
	--text-6xl:             4rem;

	--lh-tight:             1.2;
	--lh-snug:              1.35;
	--lh-normal:            1.5;
	--lh-relaxed:           1.65;
	--lh-loose:             1.8;

	--ls-tight:             -0.02em;
	--ls-normal:            0;
	--ls-wide:              0.04em;
	--ls-wider:             0.08em;

	--space-1:   4px;
	--space-2:   8px;
	--space-3:   12px;
	--space-4:   16px;
	--space-5:   20px;
	--space-6:   24px;
	--space-8:   32px;
	--space-10:  40px;
	--space-12:  48px;
	--space-16:  64px;
	--space-20:  80px;
	--space-24:  96px;

	--radius-sm:    4px;
	--radius-md:    8px;
	--radius-lg:    16px;
	--radius-xl:    24px;
	--radius-full:  9999px;

	--shadow-sm:   0 1px 4px rgba(100, 38, 103, 0.06);
	--shadow-md:   0 2px 12px rgba(100, 38, 103, 0.08);
	--shadow-lg:   0 4px 24px rgba(100, 38, 103, 0.14);
	--shadow-xl:   0 8px 40px rgba(100, 38, 103, 0.18);

	--max-width:          1200px;
	--content-width:      720px;
	--section-pad-y:      80px;
	--section-pad-y-sm:   48px;
}