
:root{
	--mc-ink:          var(--wp--preset--color--ink);
	--mc-ink-2:        var(--wp--preset--color--ink-2);
	--mc-ink-3:        var(--wp--preset--color--ink-3);
	--mc-ink-deep:     var(--wp--preset--color--ink-deep);
	--mc-bone:         var(--wp--preset--color--bone);
	--mc-paper:        var(--wp--preset--color--paper);
	--mc-cream:        var(--wp--preset--color--cream);
	--mc-bone-dim:     var(--wp--preset--color--bone-dim);
	--mc-ash:          var(--wp--preset--color--ash);
	--mc-ash-2:        var(--wp--preset--color--ash-2);
	--mc-creek:        var(--wp--preset--color--creek);
	--mc-creek-deep:   var(--wp--preset--color--creek-deep);
	--mc-creek-bright: var(--wp--preset--color--creek-bright);
	--mc-creek-glow:   var(--wp--preset--color--creek-glow);
	--mc-flare:        var(--wp--preset--color--flare);
	--mc-signal:       var(--wp--preset--color--signal);
	--mc-rule:         var(--wp--preset--color--rule);
	--mc-warm:         var(--wp--preset--color--warm);

	--mc-accent:              var(--wp--custom--accent--fill);
	--mc-accent-hover:        var(--wp--custom--accent--fill-hover);
	--mc-accent-text:         var(--wp--custom--accent--text);
	--mc-accent-line:         var(--wp--custom--accent--line);
	--mc-accent-detail:       var(--wp--custom--accent--detail);
	--mc-accent-detail-hover: var(--wp--custom--accent--detail-hover);
	--mc-accent-a08:          color-mix(in srgb, var(--mc-accent-line) 8%, transparent);
	--mc-glow:                var(--wp--custom--glow);

	--mc-bone-a40:     rgba(243,239,230,0.40);
	--mc-bone-a35:     rgba(243,239,230,0.35);
	--mc-bone-a22:     rgba(243,239,230,0.22);
	--mc-bone-a18:     rgba(243,239,230,0.18);
	--mc-bone-a12:     rgba(243,239,230,0.12);
	--mc-bone-a10:     rgba(243,239,230,0.10);
	--mc-bone-a08:     rgba(243,239,230,0.08);
	--mc-bone-a04:     rgba(243,239,230,0.04);
	--mc-creek-a35:    color-mix(in srgb, var(--mc-creek) 35%, transparent);
	--mc-creek-a22:    color-mix(in srgb, var(--mc-creek) 22%, transparent);
	--mc-creek-a08:    color-mix(in srgb, var(--mc-creek) 8%, transparent);
	--mc-creek-a04:    color-mix(in srgb, var(--mc-creek) 4%, transparent);
	--mc-scrim:        color-mix(in srgb, var(--mc-ink) 82%, transparent);
	--mc-ash-a30:      rgba(138,146,166,0.30);
	--mc-glow-a60:     color-mix(in srgb, var(--mc-glow) 60%, transparent);
	--mc-glow-a15:     color-mix(in srgb, var(--mc-glow) 15%, transparent);
	--mc-glow-a25:     color-mix(in srgb, var(--mc-glow) 25%, transparent);
	--mc-flare-a60:    rgba(235,94,40,0.60);
	--mc-flare-a00:    rgba(235,94,40,0);
	--mc-black-a50:    rgba(0,0,0,0.50);
	--mc-ink-a60:      color-mix(in srgb, var(--mc-ink-2) 60%, transparent);
	--mc-ink-a94:      color-mix(in srgb, var(--mc-ink) 94%, transparent);
	--mc-ink-a82:      color-mix(in srgb, var(--mc-ink) 82%, transparent);
	--mc-ink-a50:      color-mix(in srgb, var(--mc-ink) 50%, transparent);
	--mc-ink-a46:      color-mix(in srgb, var(--mc-ink) 46%, transparent);
	--mc-ink-a60s:     color-mix(in srgb, var(--mc-ink) 60%, transparent);
	--mc-creek-a30:    color-mix(in srgb, var(--mc-creek) 30%, transparent);

	--mc-sans:    var(--wp--preset--font-family--sans);
	--mc-display: var(--wp--preset--font-family--display);
	--mc-mono:    var(--wp--preset--font-family--mono);

	--mc-fs-micro:   var(--wp--preset--font-size--micro);
	--mc-fs-eyebrow: var(--wp--preset--font-size--eyebrow);
	--mc-fs-small:   var(--wp--preset--font-size--small);
	--mc-fs-body:    var(--wp--preset--font-size--medium);
	--mc-fs-lede:    var(--wp--preset--font-size--lede);
	--mc-fs-lg:      var(--wp--preset--font-size--large);
	--mc-fs-xl:      var(--wp--preset--font-size--x-large);
	--mc-fs-heading: var(--wp--preset--font-size--heading);
	--mc-fs-hero:    var(--wp--preset--font-size--hero);
	--mc-fs-display: var(--wp--preset--font-size--display);

	--mc-track-display: -0.04em;
	--mc-track-tight:   -0.035em;
	--mc-track-snug:    -0.03em;
	--mc-track-body:    -0.005em;
	--mc-track-label:   0.14em;
	--mc-track-wide:    0.18em;
	--mc-track-widest:  0.22em;

	--mc-lh-display: 0.92;
	--mc-lh-tight:   0.96;
	--mc-lh-heading: 1.05;
	--mc-lh-body:    1.5;
	--mc-lh-prose:   1.65;

	--mc-max:     1480px;
	--mc-gutter:  var(--wp--preset--spacing--30);
	--mc-nav-h:   72px;
	--mc-sec:     var(--wp--preset--spacing--50);
	--mc-sec-lg:  var(--wp--preset--spacing--60);

	--mc-r-xs:   2px;
	--mc-r-sm:   4px;
	--mc-r-md:   6px;
	--mc-r-lg:   8px;
	--mc-r-pill: 999px;
	--mc-r-full: 50%;

	--mc-shadow-card:       var(--wp--preset--shadow--card);
	--mc-shadow-card-hover: var(--wp--preset--shadow--card-hover);
	--mc-shadow-poster:     var(--wp--preset--shadow--poster);
	--mc-shadow-visual:     var(--wp--preset--shadow--visual);

	--mc-ease:     cubic-bezier(0.2, 0.6, 0.2, 1);
	--mc-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

	--mc-dur-instant: 0.2s;
	--mc-dur-quick:   0.25s;
	--mc-dur-smooth:  0.4s;
	--mc-dur-slow:    0.6s;
	--mc-dur-reveal:  1s;
	--mc-dur-rise:    1.2s;
	--mc-dur-drift:   1.5s;
	--mc-dur-pulse:     2s;
	--mc-dur-cinematic: 12s;
	--mc-dur-float:     20s;

	--mc-stagger-1: 0.12s;
	--mc-stagger-2: 0.24s;
	--mc-stagger-3: 0.36s;
	--mc-delay-lede: 1s;
	--mc-delay-cta:  1.2s;

	--mc-z-below:  -1;
	--mc-z-base:    1;
	--mc-z-sticky:  40;
	--mc-z-nav:     100;
	--mc-z-overlay: 9999;

	--mc-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
	--mc-grain-opacity: 0.05;

	--mc-scrim-hero: linear-gradient(180deg, color-mix(in srgb, var(--mc-ink) 45%, transparent) 0%, color-mix(in srgb, var(--mc-ink) 68%, transparent) 55%, color-mix(in srgb, var(--mc-ink) 98%, transparent) 100%);
	--mc-scrim-card: linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--mc-ink) 85%, transparent) 100%);
	--mc-scrim-detail: linear-gradient(180deg, color-mix(in srgb, var(--mc-ink) 62%, transparent) 0%, color-mix(in srgb, var(--mc-ink) 90%, transparent) 80%, var(--mc-ink) 100%);
	--mc-scrim-tile: linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--mc-ink) 95%, transparent) 100%);
}

@media (prefers-reduced-motion: reduce){
	:root{
		--mc-dur-instant:   0.01ms;
		--mc-dur-quick:     0.01ms;
		--mc-dur-smooth:    0.01ms;
		--mc-dur-slow:      0.01ms;
		--mc-dur-reveal:    0.01ms;
		--mc-dur-rise:      0.01ms;
		--mc-dur-drift:     0.01ms;
		--mc-dur-pulse:     0.01ms;
		--mc-dur-cinematic: 0.01ms;
		--mc-dur-float:     0.01ms;
		--mc-stagger-1:     0s;
		--mc-stagger-2:     0s;
		--mc-stagger-3:     0s;
		--mc-delay-lede:    0s;
		--mc-delay-cta:     0s;
	}
}
