@layer theme {
	/* Metallic Theme */
	:root {
		/* Site wrapper Layer */
		--container-bg-primary: #2a3439; /* Gunmetal: dark gray-blue metallic */
		--container-bg-secondary: #36454f; /* Charcoal Metallic */
		--container-bg-accent: #293133; /* Anthracite: dark coal-like gray */
		--container-bg-texture: linear-gradient(to bottom, var(--container-bg-secondary), var(--container-bg-primary));

		--container-text-color: #c8ced3; /* a darker pale gray */
		--container-text-muted: #c4cbd0; /* a touch darker than #ddd */
		--container-text-accent: #fff; /* max contrast */

		--container-link-color: #e5e5e5; /* Chrome: Almost white metallic */
		--container-link-accent: #d0e7f9; /* Iridescent Chrome: a very light silvery blue */

		--container-selection-bg: #dbe7f3; /* pale icy blue */
		--container-selection-fg: #0f1a20; /* very dark gray-blue */

		/* Application Layer */
		--main-bg-primary: #99aebb; /* Pewter: soft bluish-gray */
		--main-bg-secondary: #c0c0c0; /* Silver */
		--main-bg-accent: #dddb; /* Light gray with modest transparency */
		--main-bg-texture: linear-gradient(135deg, var(--main-bg-secondary), var(--main-bg-primary));

		--main-text-color: #222; /* Neutral gray, less harsh than pure black */
		--main-text-muted: #555; /* Graphite Gray, appears neutral on metallic backgrounds */
		--main-text-accent: #1a1a1a; /* Black Chrome: glossy black with metallic shine */

		--main-link-color: #1e2a3a; /* passes ~7.97:1 on #c0c0c0 */
		--main-link-accent: #000; /* pure black for strong state */

		--main-selection-bg: #2a5a80; /* dark steel-blue */
		--main-selection-fg: #fff; /* high-contrast text */

		--main-border: #3a3a3a; /* Slate Gray */

		/* Transformation Layer */
		--wash-strong: rgba(0, 0, 0, 0.2); /* Stronger version of accent */
		--wash-accent: rgba(0, 0, 0, 0.15); /* Accent by darkening on a light pewter background */
		--wash-muted:  rgba(255, 255, 255, 0.10); /* Mute by brightening on a light pewter background */
		--wash-subtle: rgba(0, 0, 0, 0.05); /* Reduced version of accent */
	}
}