:root {
	--doen-font-stack-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--doen-font-serif: "Founders Caslon", Georgia, serif;
	--doen-font-serif-italic: "Founders Caslon Italic", Georgia, serif;
	--doen-font-ui: "Romaine", Georgia, serif;
	--doen-font-display: "Carta Nueva", Georgia, serif;
	--doen-font-detail: "Masqualero", Georgia, serif;
	--doen-font-script: "Snell Roundhand", cursive;

	--doen-color-ink: #323232;
	--doen-color-ink-alt: #333230;
	--doen-color-black: #000;
	--doen-color-white: #fff;
	--doen-color-paper: #f6f2e6;
	--doen-color-surface: #f3f3f3;
	--doen-color-muted: #5c5c5c;
	--doen-color-muted-light: #b4b4b4;
	--doen-color-rule: #bbb;
	--doen-color-danger: #b54b3f;
	--doen-color-focus: #0085f2;
	--doen-color-accent-blue: #334fb4;
	--doen-color-chat-paper: #fffcf8;
	--doen-color-chat-soft-paper: #fbf8ef;

	--doen-page-width: 120rem;
	--doen-content-width-wide: 1600px;
	--doen-content-width-editorial: 1536px;
	--doen-content-width-narrow: 72.6rem;
	--doen-header-height: 50px;
	--doen-drawer-width: 420px;

	--doen-gutter-page: 15px;
	--doen-gutter-component: 24px;
	--doen-grid-gap-x: 4px;
	--doen-grid-gap-y: 4px;

	--doen-radius-none: 0;
	--doen-radius-pill: 40px;
	--doen-border-width: 1px;
	--doen-media-border-opacity: 0.05;
	--doen-control-border-opacity: 0.55;

	--doen-duration-short: 100ms;
	--doen-duration-base: 200ms;
	--doen-duration-ui: 250ms;
	--doen-duration-image: 350ms;
	--doen-duration-long: 400ms;
	--doen-duration-drawer: 500ms;
	--doen-ease-standard: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	--doen-ease-out: cubic-bezier(0.39, 0.575, 0.565, 1);

	--doen-z-overlay: 999;
	--doen-z-meganav: 9999;
	--doen-overlay-backdrop: rgb(0 0 0 / 20%);
	--doen-product-card-ratio: 4 / 5;
}

@media (min-width: 750px) {
	:root {
		--doen-gutter-page: 50px;
		--doen-grid-gap-x: 8px;
		--doen-grid-gap-y: 8px;
	}
}

@media (min-width: 1000px) {
	:root {
		--doen-header-height: 56px;
		--doen-gutter-component: 32px;
	}
}