/**
 * YouMind Custom Toolkit - GLOBAL CSS
 * ============================================================
 * SINGLE SOURCE OF TRUTH for every widget in this plugin.
 *
 * Every widget stylesheet reads its colours, fonts, spacing and
 * CTA styling from the custom properties declared here. Change a
 * value in this file and it updates across all widgets at once.
 *
 * Widget CSS references these as  var(--token, <original value>).
 * The fallback is the original literal, so the design still renders
 * correctly even if this file fails to load.
 *
 * Sections:  1. Typography   2. Colour   3. Layout
 *            4. Section padding          5. Content spacing
 *            6. Radius       7. CTA
 * ============================================================
 */

:root{

	/* ---------- COLOUR - BRAND ---------- */
	--ymct-c-brand:#199a91;
	--ymct-c-brand-bright:#3fd9cf;
	--ymct-c-brand-dark:#034447;
	--ymct-c-brand-deep:#082725;
	--ymct-c-brand-forest:#0a2e2c;
	--ymct-c-brand-glow:#66fcf1;
	--ymct-c-brand-navy:#0d313b;
	--ymct-c-brand-night:#0d1b1a;
	--ymct-c-brand-soft:#66c4b5;

	/* ---------- COLOUR - INK / TEXT ---------- */
	--ymct-c-ink:#031728;
	--ymct-c-ink-700:#2e2e2e;
	--ymct-c-ink-900:#171717;
	--ymct-c-ink-black:#0a0a0a;
	--ymct-c-ink-charcoal:#1c1c1c;
	--ymct-c-ink-deep:#021019;
	--ymct-c-ink-gray:#565656;
	--ymct-c-ink-mist:#9aa5b1;
	--ymct-c-ink-muted:#59646f;
	--ymct-c-ink-navy:#101828;
	--ymct-c-ink-slate:#1e1f2b;
	--ymct-c-ink-steel:#8d99a6;

	/* ---------- COLOUR - SURFACE / TINT ---------- */
	--ymct-c-ice:#ecf7f9;
	--ymct-c-ice-line:#dfe8ea;
	--ymct-c-ice-warm:#e8f0ef;
	--ymct-c-mint:#cafdf9;
	--ymct-c-mint-soft:#dcf4f2;
	--ymct-c-mist:#f4f7f8;
	--ymct-c-sky:#cfeffb;
	--ymct-c-snow:#fcfcfc;

	/* ---------- COLOUR - NEUTRAL ---------- */
	--ymct-c-black:#000;
	--ymct-c-grey-100:#f2f2f2;
	--ymct-c-grey-300:#d9d9d9;
	--ymct-c-grey-400:#aaa;
	--ymct-c-grey-450:#a3a3a3;
	--ymct-c-grey-50:#f5f5f5;
	--ymct-c-line:#e5e7eb;
	--ymct-c-white:#fff;

	/* ---------- COLOUR - ALPHA VARIANTS ---------- */
	--ymct-c-white-a6-0f:#ffffff0f;
	--ymct-c-black-a15:#00000026;
	--ymct-c-black-a2:#00000005;
	--ymct-c-black-a20:#00000033;
	--ymct-c-black-a28:#00000047;
	--ymct-c-black-a3:#00000008;
	--ymct-c-black-a4:#0000000a;
	--ymct-c-black-a40:#00000066;
	--ymct-c-black-a6:#0000000f;
	--ymct-c-black-a73:#000000bb;
	--ymct-c-black-a80:#000c;
	--ymct-c-brand-a15:#199a9126;
	--ymct-c-brand-a20:#199a9133;
	--ymct-c-brand-a25:#199a9140;
	--ymct-c-brand-a8:#199a9114;
	--ymct-c-brand-bright-a20:#3fd9cf33;
	--ymct-c-brand-bright-a3:#3fd9cf08;
	--ymct-c-brand-bright-a4:#3fd9cf0a;
	--ymct-c-brand-dark-a10:#0344471a;
	--ymct-c-brand-dark-a20:#03444733;
	--ymct-c-brand-dark-a3:#03444708;
	--ymct-c-brand-dark-a4:#0344470a;
	--ymct-c-brand-dark-a40:#03444766;
	--ymct-c-brand-dark-a8:#03444714;
	--ymct-c-brand-navy-a18:#0d313b2e;
	--ymct-c-brand-navy-a4:#0d313b0a;
	--ymct-c-ice-a20:#ecf7f933;
	--ymct-c-ice-a50:#ecf7f980;
	--ymct-c-ice-a60:#ecf7f999;
	--ymct-c-ice-a70:#ecf7f9b3;
	--ymct-c-ice-a72:#ecf7f9b8;
	--ymct-c-ice-a80:#ecf7f9cc;
	--ymct-c-ink-a10:#0317281a;
	--ymct-c-ink-a20:#03172833;
	--ymct-c-ink-a3:#03172808;
	--ymct-c-ink-a45:#03172873;
	--ymct-c-ink-a50:#03172880;
	--ymct-c-ink-a6:#0317280f;
	--ymct-c-ink-a60:#03172899;
	--ymct-c-ink-a70:#031728b3;
	--ymct-c-ink-a80:#031728cc;
	--ymct-c-ink-deep-a4:#0210190a;
	--ymct-c-ink-deep-a70:#021019b3;
	--ymct-c-ink-slate-a40:#1e1f2b66;
	--ymct-c-line-a80:#e5e7ebcc;
	--ymct-c-white-a10:#ffffff1a;
	--ymct-c-white-a12:#ffffff1f;
	--ymct-c-white-a20:#ffffff33;
	--ymct-c-white-a25:#ffffff40;
	--ymct-c-white-a3:#ffffff08;
	--ymct-c-white-a4:#ffffff0a;
	--ymct-c-white-a50:#ffffff80;
	--ymct-c-white-a6:#ffffff10;
	--ymct-c-white-a6-0f:#ffffff0f;
	--ymct-c-white-a70:#ffffffb3;
	--ymct-c-white-a8:#ffffff14;
	--ymct-c-white-a80:#ffffffcc;
	--ymct-c-white-a85:#ffffffd9;

	/* ---------- COLOUR - EXTENDED (low-frequency one-offs) ---------- */
	--ymct-c-x-08756e:#08756e;
	--ymct-c-x-0a2a32:#0a2a32;
	--ymct-c-x-0a3d39:#0a3d39;
	--ymct-c-x-0a4a47:#0a4a47;
	--ymct-c-x-0f0f0f1a:#0f0f0f1a;
	--ymct-c-x-121413:#121413;
	--ymct-c-x-14877f:#14877f;
	--ymct-c-x-1a5c57:#1a5c57;
	--ymct-c-x-1d746f:#1d746f;
	--ymct-c-x-2271b1:#2271b1;
	--ymct-c-x-364153:#364153;
	--ymct-c-x-53ead3:#53ead3;
	--ymct-c-x-616161:#616161;
	--ymct-c-x-646970:#646970;
	--ymct-c-x-6b7280:#6b7280;
	--ymct-c-x-6d7782:#6d7782;
	--ymct-c-x-93a3aa:#93a3aa;
	--ymct-c-x-99a1af:#99a1af;
	--ymct-c-x-9be4eb:#9be4eb;
	--ymct-c-x-9ca3af:#9ca3af;
	--ymct-c-x-b8dfe7:#b8dfe7;
	--ymct-c-x-b9dedc:#b9dedc;
	--ymct-c-x-c3c4c7:#c3c4c7;
	--ymct-c-x-c5ced6:#c5ced6;
	--ymct-c-x-c5d4d8:#c5d4d8;
	--ymct-c-x-d1eeec:#d1eeec;
	--ymct-c-x-d4fdfb:#d4fdfb;
	--ymct-c-x-dcdcde:#dcdcde;
	--ymct-c-x-dceff1:#dceff1;
	--ymct-c-x-dfe5ea:#dfe5ea;
	--ymct-c-x-e1e5e9:#e1e5e9;
	--ymct-c-x-e1fefc:#e1fefc;
	--ymct-c-x-e3fbfb:#e3fbfb;
	--ymct-c-x-e6ebef:#e6ebef;
	--ymct-c-x-e7fdfb:#e7fdfb;
	--ymct-c-x-e8f4f3:#e8f4f3;
	--ymct-c-x-e8f7f6:#e8f7f6;
	--ymct-c-x-ebf0f4:#ebf0f4;
	--ymct-c-x-edf2f2:#edf2f2;
	--ymct-c-x-eeeeee:#eee;
	--ymct-c-x-eef3f5:#eef3f5;
	--ymct-c-x-f3fffe:#f3fffe;
	--ymct-c-x-f6f7f7:#f6f7f7;
	--ymct-c-x-f6ffff:#f6ffff;
	--ymct-c-x-f7fafb:#f7fafb;
	--ymct-c-x-f9f9f9:#f9f9f9;
	--ymct-c-x-f9fffe:#f9fffe;
	--ymct-c-x-fafbfc:#fafbfc;
	--ymct-c-x-ffb4b4:#ffb4b4;

	/* ---------- LAYOUT - container + gutter (widgets may override locally) ---------- */
	--ymct-content:1560px;
	--ymct-gutter:56px;

	/* ---------- SECTION PADDING - global widget padding defaults ---------- */
	--ymct-pad-top-d:90px;
	--ymct-pad-bottom-d:90px;
	--ymct-pad-top-t:60px;
	--ymct-pad-bottom-t:60px;
	--ymct-pad-top-m:60px;
	--ymct-pad-bottom-m:60px;

	/* ---------- RADIUS ---------- */
	--ymct-radius-pill:100px;
	--ymct-radius-round:50%;
	--ymct-radius-xl:28px;
	--ymct-radius-lg:24px;
	--ymct-radius-md:20px;
	--ymct-radius-sm:16px;
	--ymct-radius-xs:12px;

	/* ---------- CTA - geometry + colour (pattern: Home Hero / Split Hero) ---------- */
	--ymct-cta-pad:8px 8px 8px 20px;
	--ymct-cta-pad-mobile:6px 8px 6px 18px;
	--ymct-cta-gap:12px;
	--ymct-cta-radius:100px;
	--ymct-cta-circle:38px;
	--ymct-cta-arrow:18px;
	--ymct-cta-grad-start:var(--ymct-c-brand,#199a91);
	--ymct-cta-grad-end:var(--ymct-c-brand-deep,#082725);
	--ymct-cta-primary-bg:linear-gradient(180deg,var(--ymct-cta-grad-start) 0%,var(--ymct-cta-grad-end) 100%);
	--ymct-cta-primary-fg:var(--ymct-c-white,#fff);
	--ymct-cta-secondary-bg:rgba(0,0,0,0.04);
	--ymct-cta-secondary-fg:var(--ymct-c-ink,#031728);
	--ymct-cta-light-bg:var(--ymct-c-grey-50,#f5f5f5);
	--ymct-cta-ring:inset 0 0 0 1px rgba(15,15,15,0.1);
	--ymct-cta-circle-bg:var(--ymct-c-white,#fff);
	--ymct-cta-glass-bg:rgba(255,255,255,0.28);
	--ymct-cta-glass-blur:blur(16px) saturate(160%);

	/* ---------- WIDGET BASE FONT (the per-widget font reset) ---------- */
	--ymct-widget-font-weight:400;
	--ymct-widget-font-size:16px;
	--ymct-widget-line-height:1.5;

	/* ---------- ALTERNATE FONT STACKS ---------- */
	--ymct-font-arial:Arial,sans-serif;
	--ymct-font-inter:Inter,Arial,sans-serif;
	--ymct-font-mona:"Mona Sans",Arial,sans-serif;

	/* ---------- CONTENT SPACING SCALE (every gap / row-gap / column-gap) ---------- */
	--ymct-space-1:1px;
	--ymct-space-2:2px;
	--ymct-space-3:3px;
	--ymct-space-4:4px;
	--ymct-space-5:5px;
	--ymct-space-6:6px;
	--ymct-space-7:7px;
	--ymct-space-8:8px;
	--ymct-space-9:9px;
	--ymct-space-10:10px;
	--ymct-space-12:12px;
	--ymct-space-13:13px;
	--ymct-space-14:14px;
	--ymct-space-16:16px;
	--ymct-space-18:18px;
	--ymct-space-20:20px;
	--ymct-space-22:22px;
	--ymct-space-24:24px;
	--ymct-space-26:26px;
	--ymct-space-28:28px;
	--ymct-space-30:30px;
	--ymct-space-32:32px;
	--ymct-space-36:36px;
	--ymct-space-40:40px;
	--ymct-space-42:42px;
	--ymct-space-44:44px;
	--ymct-space-52:52px;
	--ymct-space-55:55px;
	--ymct-space-56:56px;
	--ymct-space-60:60px;
	--ymct-space-64:64px;
	--ymct-space-80:80px;
	--ymct-space-84:84px;
	--ymct-space-104:104px;
}

/* ---------- TYPOGRAPHY SCALE + CONTENT SPACING ---------- */
/* Moved here from typography.css so all tokens live in one file. */
:root{--ymct-font:Poppins,Arial,sans-serif;--ymct-h1-size:clamp(44px,4.85vw,70px);--ymct-h1-lh:1.05;--ymct-h1-weight:500;--ymct-h1-ls:-0.03em;--ymct-h1-transform:inherit;--ymct-h2-size:48px;--ymct-h2-lh:1.1;--ymct-h2-weight:500;--ymct-h2-ls:-0.02em;--ymct-h2-transform:inherit;--ymct-h3-size:24px;--ymct-h3-lh:1.4;--ymct-h3-weight:500;--ymct-h4-size:20px;--ymct-h4-lh:1.4;--ymct-h4-weight:500;--ymct-h5-size:16px;--ymct-h5-lh:1.5;--ymct-h5-weight:500;--ymct-h6-size:14px;--ymct-h6-lh:1.4;--ymct-h6-weight:500;--ymct-desc-size:20px;--ymct-desc-lh:1.6;--ymct-desc-weight:400;--ymct-body-size:16px;--ymct-body-lh:1.6;--ymct-body-weight:400;--ymct-cta-size:18px;--ymct-cta-lh:1.4;--ymct-cta-weight:500;--ymct-cta-ls:-0.36px}
@media(min-width:768px) and (max-width:1199px){:root{--ymct-h1-size:44px;--ymct-h1-lh:1.15;--ymct-h2-size:40px;--ymct-h2-lh:1.1;--ymct-h3-size:22px;--ymct-h4-size:18px;--ymct-h6-size:13px;--ymct-desc-size:18px;--ymct-desc-lh:1.55;--ymct-cta-size:16px;--ymct-cta-lh:1.3;--ymct-cta-ls:-0.32px;--ymct-cta-pad:6px 6px 6px 16px;--ymct-cta-gap:10px;--ymct-cta-circle:34px;--ymct-cta-arrow:16px}}
@media(max-width:767px){:root{--ymct-h1-size:32px;--ymct-h1-lh:1.2;--ymct-h2-size:32px;--ymct-h2-lh:1.15;--ymct-h3-size:20px;--ymct-h4-size:18px;--ymct-h5-size:14px;--ymct-h6-size:12px;--ymct-desc-size:16px;--ymct-desc-lh:1.5;--ymct-body-size:14px;--ymct-body-lh:1.5;--ymct-cta-size:16px;--ymct-cta-lh:1.2}}
@media(max-width:374px){:root{--ymct-h1-size:30px;--ymct-cta-size:14px}}
:root{
	--ymct-gap-title-desc:22px;
	--ymct-gap-to-content:24px;
	--ymct-gap-paragraph:12px;
}
@media(min-width:768px) and (max-width:1199px){
	:root{
		--ymct-gap-title-desc:22px;
		--ymct-gap-to-content:22px;
		--ymct-gap-paragraph:12px;
	}
}
@media(min-width:1200px){
	:root{
		--ymct-gap-title-desc:22px;
		--ymct-gap-to-content:36px;
		--ymct-gap-paragraph:14px;
	}
}