/* ==========================================================================
   Black Label — tokens
   From brief-items/design-tokens.css (derived from Figma mSkjmrTjFHdFRNOgLlgrgI)
   + motion tokens from brief-items/07-motion-and-build-brief.md
   ========================================================================== */

@font-face { font-family: "Zalando Sans Expanded"; font-style: normal; font-weight: 300; font-display: swap;
	src: url("../fonts/zalando-sans-expanded-latin-300-normal.woff2") format("woff2"); }
@font-face { font-family: "Zalando Sans Expanded"; font-style: normal; font-weight: 400; font-display: swap;
	src: url("../fonts/zalando-sans-expanded-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Zalando Sans Expanded"; font-style: italic; font-weight: 400; font-display: swap;
	src: url("../fonts/zalando-sans-expanded-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Zalando Sans Expanded"; font-style: normal; font-weight: 500; font-display: swap;
	src: url("../fonts/zalando-sans-expanded-latin-500-normal.woff2") format("woff2"); }

:root {
	/* Colour */
	--bll-gold: #ab7739;
	--bll-gold-hi: #eecc9a;                 /* monogram gradient highlight — used for sheens */
	--bll-gold-40: rgba(171, 119, 57, .4);
	--bll-black: #000;
	--bll-off-white: #f5f5f5;
	--bll-white: #fff;
	--bll-green: #87eb5f;                   /* availability dot (Figma 1:35) */
	--bll-glass-strong: rgba(255, 255, 255, .2);
	--bll-glass-soft: rgba(255, 255, 255, .1);

	/* Type */
	--bll-font: "Zalando Sans Expanded", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* Radii */
	--r-sm: 10px;
	--r-lg: 20px;
	--r-pill: 100px;

	/* Motion */
	--ease-out: cubic-bezier(.16, 1, .3, 1);
	--ease-inout: cubic-bezier(.65, 0, .35, 1);
	--ease-soft: cubic-bezier(.33, 1, .68, 1);
	--dur-fast: 180ms;
	--dur-base: 320ms;
	--dur-reveal: 900ms;

	/* Mobile layout gutter */
	--gutter: 20px;
}