html,
body {
	color-scheme: light;

	/* Domain Defaults */
	--main-container-max-width: 1584px;
	--nav-max-width: 100%;
	--radius: 0.25rem;
	--btn-radius: 50px;
	--font-size-scale: 0.95;
	--font-base: 400;

	/* Sidebar Layout (Layout 3) */
	--sidebar-width: 250px;
	--sidebar-width-icon: 72px;

	/* Domain Colors */
	--primary: #66d69e;
	--primary-foreground: #ffffff;
	--secondary: #7b4f4f;
	--secondary-foreground: #ffffff;

	/* Page Surface */
	--background: #e6dddd;
	--content: #322e2d;

	/* Sidebar (brown rail) */
	--nav: #7b4f4f;
	--nav-foreground: #ffffff;

	/* Bottom nav (mobile) — follows the header */
	--bottom-nav: var(--nav);
	--bottom-nav-foreground: var(--nav-foreground);
	--bottom-nav-accent: #3e201f;

	--sidebar: #7b4f4f;
	--sidebar-foreground: #ffffff;
	--sidebar-accent: #66d69e;

	/* Footer */
	--footer: #3e201f;
	--footer-foreground: #a77070;

	/* Banner */
	--banner-inner: #3e201f;
	--banner-inner-foreground: #66d69e;

	/* Components */
	--card: #ffffff;
	--input: #ffffff;
	--input-accent: rgba(51, 51, 51, 0.1);
	--user-name: #7b4f4f;
}