/* Design tokens. */
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-700-normal.woff2") format("woff2"); }

:root {
	--ks-black: #0a0a0a;
	--ks-black2: #131315;
	--ks-black3: #191b1b;
	--ks-charcoal: #36363e;
	--ks-divider: #f2f2fc;
	--ks-gray1: #48484c;
	--ks-gray2: #69697c;
	--ks-gray3: #8f8f96;
	--ks-gray4: #a7a7ae;
	--ks-gray5: #cfcfd4;
	--ks-gray6: #e5e5e9;
	--ks-gray7: #f6f5f6;
	--ks-gray8: #fafafc;
	--ks-slate: #90909c;
	--ks-medium-gray: #6c6c7c;
	--ks-light-gray: #d9d8dc;
	--ks-red: #e71524;
	--ks-blue: #2366ff;
	--ks-green: #009d78;
	--ks-orange: #f56a19;
	--ks-orange2: #eba900;
	--ks-yellow: #e7f021;
	--ks-light-orange: #f9dabf;
	--ks-white: #fff;
	--ks-mint-from: #e6f7f3;
	--ks-mint-to: #c9ece3;

	--ks-font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--ks-fs-11: 0.6875rem;
	--ks-fs-12: 0.75rem;
	--ks-fs-13: 0.8125rem;
	--ks-fs-14: 0.875rem;
	--ks-fs-15: 0.9375rem;
	--ks-fs-16: 1rem;
	--ks-fs-18: 1.125rem;
	--ks-fs-20: 1.25rem;
	--ks-fs-24: 1.5rem;
	--ks-fs-28: 1.75rem;
	--ks-fs-32: 2rem;
	--ks-track: 0.02em;
	--ks-track-wide: 0.06em;

	--ks-r-xs: 4px;
	--ks-r-sm: 6px;
	--ks-r-md: 8px;
	--ks-r-pill: 9999px;

	--ks-gutter: 16px;
	--ks-header-h: 52px;
	--ks-rail-gap: 12px;
	--ks-section-gap: 48px;
	--ks-ease: cubic-bezier(.2, .7, .2, 1);
}

@media (min-width: 640px) {
	:root { --ks-gutter: 24px; --ks-rail-gap: 16px; }
}
@media (min-width: 1024px) {
	:root { --ks-header-h: 137px; --ks-rail-gap: 20px; --ks-section-gap: 72px; }
}