/* AYW Core design tokens — the one place the brand is defined.
   Every AYW module styles itself from these variables. The "aywt" prefix keeps them
   separate from variables older AYW stylesheets define for themselves. */
:root {
	--aywt-bg: #0d0d0f;
	--aywt-surface: #171719;
	--aywt-surface-2: #1f1f23;
	--aywt-line: rgba(255, 255, 255, .08);
	--aywt-line-2: rgba(255, 255, 255, .16);
	--aywt-fg: #f7f6f2;
	--aywt-fg-2: #c3c4c7;
	--aywt-muted: #9c9ca2;
	--aywt-red: #df2334;
	--aywt-red-soft: rgba(223, 35, 52, .14);
	--aywt-red-rgb: 223, 35, 52;
	--aywt-gold: #e8c46a;
	--aywt-up: #3ecf8e;
	--aywt-down: #ff6b5e;
	--aywt-display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
	--aywt-body: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
	--aywt-read: "Source Serif 4", Georgia, "Times New Roman", serif;
	--aywt-radius: 6px;
	--aywt-max: 1320px;
}