/*
Design tokens of the new website, measured from the Wix design at 1440px wide
(content area 1425px once the scrollbar is removed).

Change a value here and every page follows: this is where a designer-side tweak of a
font size, colour or spacing gets applied, never inside a page stylesheet.
*/
:root {
	/* 1 design pixel. Font sizes that Wix scales with the viewport use calc(N * var(--u)) */
	--u: calc(100vw / 1440);

	/* Content edges: 86px of 1425px */
	--gutter: 6.035%;
	--content-max: 1254px;

	/* Colours */
	--c-black: #000;
	--c-white: #fff;
	--c-text-muted: #6e6e6e;      /* rgb(110,110,110): body copy on white, footer links */
	--c-text-light: #c2c2c2;      /* rgb(194,194,194): secondary text on black, hover state */
	--c-line-dark: #6e6e6e;       /* rules on black sections */
	--c-line-light: #c2c2c2;      /* rules on white sections */
	--c-accent: #2ccdd5;          /* rgb(44,205,213): primary button */
	--c-accent-text: #72edf9;     /* rgb(114,237,249): hero slogan */
	--c-card-shade: rgba(0, 0, 0, .03);

	/* Families (fallbacks keep the metrics close when a licensed file is missing) */
	--f-light: "Helvetica W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--f-roman: "Helvetica W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--f-neue-light: "Helvetica Neue W01 45 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--f-avenir-light: "Avenir LT W01 35 Light", "Avenir Next", "Nunito Sans", sans-serif;
	--f-avenir-heavy: "Avenir LT W01 85 Heavy", "Avenir Next", "Nunito Sans", sans-serif;
	--f-alliance: "Alliance No.2", "Space Grotesk", sans-serif;
	--f-grotesk: "Space Grotesk", sans-serif;
	--f-madefor: "Wix Madefor Text", "Helvetica Neue", Arial, sans-serif;
	--f-cjk: "";

	/* Type scale (desktop reference values in px at 1440) */
	--fs-display: clamp(36px, calc(82.38 * var(--u)), 112px);     /* Wix: max(36px, min(112px, 5.78% of the width)) */
	--lh-display: 1.1;
	--ls-display: -0.02em;
	--fs-display-product: clamp(36px, calc(76.6 * var(--u)), 112px);
	--fs-body: 17px;
	--lh-body: 1.4;
	--fs-eyebrow: 20px;            /* small section label, Space Grotesk */
	--fs-link: 16px;               /* buttons and READ MORE, Space Grotesk, 0.8px tracking */

	/* Header */
	--header-h: calc(102 * var(--u));
	--header-logo-x: calc(50 * var(--u));

	/* Motion (Wix presets) */
	--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);
	--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);
	--ease-header: cubic-bezier(.65, 0, .35, 1);
}

/* CJK languages: append Noto Sans so Chinese and Japanese glyphs match the weight of the Latin faces */
html.lang-zh { --f-cjk: "Noto Sans TC"; }
html.lang-cn { --f-cjk: "Noto Sans SC"; }
html.lang-ja { --f-cjk: "Noto Sans JP"; }