:root {
	--nc-font-sans: var(--wp--preset--font-family--sans, 'Geist', system-ui, sans-serif);
	--nc-font-mono: var(--wp--preset--font-family--mono, 'Geist Mono', ui-monospace, monospace);

	--nc-ink: var(--wp--preset--color--ink, #1b2126);
	--nc-deep: var(--wp--preset--color--deep, #33383a);
	--nc-floor: var(--wp--preset--color--floor, #eef1ef);
	--nc-material: var(--wp--preset--color--material, #f7f9f7);
	--nc-paper: var(--wp--preset--color--paper, #f2f5f7);
	--nc-tile: #ef0000;

	--nc-si: #5c6b7a;
	--nc-si-open: #4a5763;
	--nc-si-client: #414c57;
	--nc-si-technical: #3a444d;
	--nc-si-deep: rgba(242, 245, 247, 0.62);

	--nc-rule: rgba(27, 33, 38, 0.12);
	--nc-rule-plate: rgba(27, 33, 38, 0.28);
	--nc-rule-figure: rgba(27, 33, 38, 0.35);
	--nc-seam: rgba(27, 33, 38, 0.1);
	--nc-seam-soft: rgba(27, 33, 38, 0.035);

	--nc-ground-plate: #d9dfdb;
	--nc-ground-open-start: #eef1ef;
	--nc-ground-open-end: #b0b3b3;
	--nc-ground-client-start: #b0b3b3;
	--nc-ground-client-end: #717676;
	--nc-ground-technical-start: #717676;
	--nc-ground-technical-end: #33383a;

	--nc-ground: var(--nc-ground-open-start);
	--nc-on-ground: var(--nc-ink);
	--nc-si-band: var(--nc-si-open);

	--nc-text-hero: var(--wp--preset--font-size--hero, clamp(32px, 4.9vw, 60px));
	--nc-text-display: var(--wp--preset--font-size--display, clamp(34px, 4.2vw, 58px));
	--nc-text-title: var(--wp--preset--font-size--title, clamp(26px, 3.4vw, 34px));
	--nc-text-heading: var(--wp--preset--font-size--heading, clamp(21px, 2.1vw, 26px));
	--nc-text-subheading: var(--wp--preset--font-size--subheading, clamp(18px, 1.8vw, 22px));
	--nc-text-lede: var(--wp--preset--font-size--lede, clamp(17px, 1.5vw, 19px));
	--nc-text-body: var(--wp--preset--font-size--body, 15.5px);
	--nc-text-small: var(--wp--preset--font-size--small, 14px);

	--nc-leading-hero: 1.03;
	--nc-leading-heading: 1.1;
	--nc-leading-body: 1.6;
	--nc-tracking-hero: -0.033em;
	--nc-tracking-display: -0.034em;
	--nc-tracking-heading: -0.02em;

	--nc-weight-display: 300;
	--nc-weight-body: 400;
	--nc-weight-readout: 500;

	--nc-mono-kicker: 10px;
	--nc-mono-kicker-tracking: 0.19em;
	--nc-mono-readout: 9.5px;
	--nc-mono-readout-tracking: 0.13em;
	--nc-mono-wordmark: 10.5px;
	--nc-mono-wordmark-tracking: 0.24em;
	--nc-mono-caption: 8.5px;
	--nc-mono-caption-tracking: 0.08em;
	--nc-mono-row: 11px;
	--nc-mono-row-tracking: 0.09em;

	--nc-sp-1: var(--wp--preset--spacing--4, 4px);
	--nc-sp-2: var(--wp--preset--spacing--8, 8px);
	--nc-sp-3: var(--wp--preset--spacing--12, 12px);
	--nc-sp-4: var(--wp--preset--spacing--16, 16px);
	--nc-sp-5: var(--wp--preset--spacing--22, 22px);
	--nc-sp-6: var(--wp--preset--spacing--28, 28px);
	--nc-sp-7: var(--wp--preset--spacing--34, 34px);
	--nc-sp-8: var(--wp--preset--spacing--44, 44px);
	--nc-sp-9: var(--wp--preset--spacing--56, 56px);
	--nc-sp-10: var(--wp--preset--spacing--72, 72px);
	--nc-sp-11: var(--wp--preset--spacing--88, 88px);
	--nc-sp-12: var(--wp--preset--spacing--110, 110px);

	--nc-wrap-max: var(--wp--custom--wrap--max, 1240px);
	--nc-wrap-pad: var(--wp--custom--wrap--pad, 56px);
	--nc-gutter: clamp(28px, 5.6vw, var(--nc-wrap-pad));
	--nc-section-pad: var(--nc-sp-11);
	--nc-gap-cards: var(--nc-sp-6);
	--nc-gap-cols: var(--nc-sp-9);

	--nc-radius: 0;
	--nc-hairline: 1px;
	--nc-port: 5px;
	--nc-tile-size: 15px;
	--nc-marker: 10px;
	--nc-corridor-offset: 20px;

	--nc-dur-press: 70ms;
	--nc-dur-port: 60ms;
	--nc-dur-port-show: 150ms;
	--nc-dur-wipe: 420ms;
	--nc-dur-reveal: 500ms;
	--nc-dur-lift: 500ms;
	--nc-cascade-step: 70ms;
	--nc-cascade-lead: 80ms;
	--nc-ease-machine: linear;
	--nc-ease-ui: ease;
	--nc-latent-opacity: 0.15;

	--nc-relief-1: 0 1px 0 rgba(0, 0, 0, 0.34);
	--nc-relief-2: 0 1px 0 rgba(0, 0, 0, 0.34), 0 2px 0 rgba(0, 0, 0, 0.26);
	--nc-relief-3: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 1px 0 rgba(0, 0, 0, 0.34), 0 2px 0 rgba(0, 0, 0, 0.26), 0 3px 5px rgba(0, 0, 0, 0.2);
	--nc-relief-pressed: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.22);
	--nc-lift: -4px;
	--nc-glass: linear-gradient(180deg, rgba(238, 241, 239, 0.92), rgba(238, 241, 239, 0.62));
	--nc-glass-blur: blur(6px);

	--nc-layer-base: 0;
	--nc-layer-raised: 10;
	--nc-layer-sticky: 100;
	--nc-layer-overlay: 500;
	--nc-layer-modal: 800;
}

.nc-band--client {
	--nc-si-band: var(--nc-si-client);
}

.nc-band--technical {
	--nc-si-band: var(--nc-si-technical);
}

.nc-band--deep {
	--nc-on-ground: var(--nc-paper);
	--nc-si-band: var(--nc-si-deep);
	--nc-rule: rgba(242, 245, 247, 0.16);
}
