:root {
	--wiro-sans: "Inter", sans-serif;
	--wiro-mono: "JetBrains Mono", monospace;

	--wiro-canvas: #f9f8f5;
	--wiro-bg: #ffffff;
	--wiro-bg-elevated: #ffffff;
	--wiro-surface: #ffffff;
	--wiro-bg-warm: #f2efe8;
	--wiro-bg-hover: #f2efe8;
	--wiro-bg-soft: #edeae2;
	--wiro-border: rgb(22 20 15 / 7%);
	--wiro-border-med: rgb(22 20 15 / 11%);
	--wiro-border-strong: rgb(22 20 15 / 20%);
	--wiro-ink: #3d3a33;
	--wiro-ink-strong: #16140f;
	--wiro-ink2: #3d3a33;
	--wiro-ink3: #706c62;
	--wiro-ink4: #a8a49a;
	--wiro-ink-hover: #2a2820;
	--wiro-muted: #706c62;
	--wiro-faint: #a8a49a;
	--wiro-control: #16140f;
	--wiro-control-ink: #f9f8f5;
	--wiro-dark: #16140f;
	--wiro-dark-surface: #1e1c16;
	--wiro-on-dark: #f9f8f5;
	--wiro-green: #2e7d52;
	--wiro-green-strong: #3f9e68;
	--wiro-green-bright: #4caf76;
	--wiro-green-bg: rgb(46 125 82 / 8%);
	--wiro-green-text: #1e5c38;
	--wiro-green-border: rgb(46 125 82 / 24%);
	--wiro-success: #2e7d52;
	--wiro-success-soft: #e0eee5;
	--wiro-danger: #c33d3d;
	--wiro-danger-soft: #f8e7e4;
	--wiro-danger-text: #b3471e;
	--wiro-danger-bg: rgb(179 71 30 / 8%);
	--wiro-amber-text: #7a5010;
	--wiro-amber-bg: rgb(201 154 64 / 10%);
	--wiro-blue: #3b64b4;
	--wiro-blue-bg: rgb(74 109 140 / 12%);
	--wiro-focus: #2e7d52;
	--wiro-focus-ring: 0 0 0 2px rgb(42 41 35 / 8%);
	--wiro-hover-bg: rgb(22 20 15 / 4%);
	--wiro-scroll-thumb: rgb(22 20 15 / 14%);
	--wiro-scroll-thumb-hover: rgb(22 20 15 / 24%);
	--wiro-scroll-size: 6px;
	--wiro-brand-filter: none;
	--wiro-chrome-bg: #f9f8f5;
	--wiro-chrome-warm: #f2efe8;
	--wiro-chrome-stone: #edeae2;
	--wiro-chrome-hover: #f4f1ea;
	--wiro-chrome-surface: #ffffff;
	--wiro-chrome-ink: #16140f;
	--wiro-chrome-ink2: #3d3a33;
	--wiro-chrome-ink3: #706c62;
	--wiro-chrome-ink4: #a8a49a;
	--wiro-chrome-border: rgb(22 20 15 / 7%);
	--wiro-chrome-border-med: rgb(22 20 15 / 11%);
	--wiro-chrome-border-strong: rgb(22 20 15 / 20%);
	--wiro-chrome-radius-md: 3.5px;
	--wiro-chrome-radius-lg: 5.5px;
	--wiro-chrome-radius-xl: 7.5px;
	--wiro-chrome-radius-2xl: 9.5px;
	--wiro-chrome-radius-control: 7px;
	--wiro-footer: #0e0f0d;
	--wiro-footer-panel: #171815;
	--wiro-footer-border: #30322e;
	--wiro-footer-ink: #f4f5f1;
	--wiro-footer-muted: #9da099;

	--wiro-editorial-canvas: #f9f8f5;
	--wiro-editorial-wash: #f2efe8;
	--wiro-editorial-line: #e4e1d9;
	--wiro-editorial-accent: #2e7d52;
	--wiro-editorial-accent-soft: #e0eee5;
	--wiro-editorial-accent-ink: #f9f8f5;
	--wiro-editorial-accent-text: #286f49;
	--wiro-muted-on-accent-soft: #666258;

	--wiro-shell: 1280px;
	--wiro-content: 1200px;
	--wiro-reading: 720px;
	--wiro-page-x: 40px;
	--wiro-chrome-x: 40px;
	--wiro-public-page-top: 125px;
	--wiro-public-hero-top: calc(var(--wiro-public-page-top) + 54px - var(--wiro-chrome-height, 88px));
	--wiro-detail-page-top: 44px;
	--wiro-section: 88px;
	--wiro-radius-chrome: 4px;
	--wiro-radius-editorial: 6px;
	--wiro-radius-md: 4px;
	--wiro-radius-lg: 6px;
	--wiro-radius-2xl: 10px;
	--wiro-radius-control: 8px;
	--wiro-radius-chip: 6px;
	--wiro-type-button-sm-size: 12.5px;
	--wiro-type-row-size: 13px;
	--wiro-z-popover: 7050;
	--wiro-z-toast: 7200;
	--wiro-shadow-menu: 0 18px 48px rgb(14 15 13 / 12%);
	--wiro-shadow-dialog: 0 24px 90px rgb(14 15 13 / 24%);
	--wiro-shadow-soft: 0 14px 34px rgb(22 20 15 / 8%);
	--wiro-transition: 140ms ease-out;
	--wiro-hover-border: rgb(22 20 15 / 12%);
	color-scheme: light;
}

.wiro-dark {
	--wiro-canvas: #12100d;
	--wiro-bg: #191713;
	--wiro-bg-elevated: #171510;
	--wiro-surface: #171510;
	--wiro-bg-warm: #1e1c17;
	--wiro-bg-hover: #211f19;
	--wiro-bg-soft: #211f19;
	--wiro-border: rgb(247 243 234 / 9%);
	--wiro-border-med: rgb(247 243 234 / 14%);
	--wiro-border-strong: rgb(247 243 234 / 24%);
	--wiro-ink: #aaa297;
	--wiro-ink-strong: #f7f3ea;
	--wiro-ink2: #d8d1c5;
	--wiro-ink3: #aaa297;
	--wiro-ink4: #89837a;
	--wiro-ink-hover: #e9e3d7;
	--wiro-muted: #aaa297;
	--wiro-faint: #746f66;
	--wiro-control: #f7f3ea;
	--wiro-control-ink: #12100d;
	--wiro-dark: #0e0d0a;
	--wiro-dark-surface: #171510;
	--wiro-green: #4caf76;
	--wiro-green-strong: #63c58c;
	--wiro-green-bright: #79e0a0;
	--wiro-green-bg: rgb(76 175 118 / 13%);
	--wiro-green-text: #80d8a2;
	--wiro-green-border: rgb(76 175 118 / 32%);
	--wiro-success: #4caf76;
	--wiro-success-soft: rgb(76 175 118 / 16%);
	--wiro-danger: #f18b84;
	--wiro-danger-soft: #492724;
	--wiro-danger-text: #e08960;
	--wiro-danger-bg: rgb(224 137 96 / 15%);
	--wiro-amber-text: #dcae55;
	--wiro-amber-bg: rgb(220 174 85 / 16%);
	--wiro-blue: #6f97e0;
	--wiro-blue-bg: rgb(111 151 224 / 18%);
	--wiro-focus: #80d8a2;
	--wiro-focus-ring: 0 0 0 2px rgb(247 243 234 / 12%);
	--wiro-hover-bg: rgb(247 243 234 / 8%);
	--wiro-hover-border: rgb(247 243 234 / 16%);
	--wiro-scroll-thumb: rgb(247 243 234 / 14%);
	--wiro-scroll-thumb-hover: rgb(247 243 234 / 24%);
	--wiro-brand-filter: invert(1);
	--wiro-chrome-bg: #12100d;
	--wiro-chrome-warm: #1e1c17;
	--wiro-chrome-stone: #211f19;
	--wiro-chrome-hover: #201e18;
	--wiro-chrome-surface: #171510;
	--wiro-chrome-ink: #f7f3ea;
	--wiro-chrome-ink2: #d8d1c5;
	--wiro-chrome-ink3: #aaa297;
	--wiro-chrome-ink4: #89837a;
	--wiro-chrome-border: rgb(247 243 234 / 9%);
	--wiro-chrome-border-med: rgb(247 243 234 / 14%);
	--wiro-chrome-border-strong: rgb(247 243 234 / 24%);

	--wiro-editorial-canvas: #12100d;
	--wiro-editorial-wash: #211f19;
	--wiro-editorial-line: rgb(247 243 234 / 12%);
	--wiro-editorial-accent: #4caf76;
	--wiro-editorial-accent-soft: rgb(76 175 118 / 16%);
	--wiro-editorial-accent-ink: #f9f8f5;
	--wiro-editorial-accent-text: #4caf76;
	--wiro-muted-on-accent-soft: #b7afa4;

	--wiro-shadow-menu: 0 18px 48px rgb(0 0 0 / 30%);
	--wiro-shadow-dialog: 0 24px 90px rgb(0 0 0 / 48%);
	--wiro-shadow-soft: 0 14px 34px rgb(0 0 0 / 24%);
	color-scheme: dark;
}

@media (max-width: 1199px) {
	:root {
		--wiro-section: 64px;
	}
}

@media (max-width: 767px) {
	:root {
		--wiro-page-x: 24px;
		--wiro-chrome-x: 24px;
		--wiro-public-page-top: 100px;
		--wiro-detail-page-top: 28px;
		--wiro-section: 48px;
	}
}