:root {
	color-scheme: light dark;

	--ups-brown: #330000;
	--ups-blue: #1966b1;
	--ups-gold: #f8be00;
	--ups-teal: #00857d;
	--ups-green: #6ca342;
	--ups-red: #e5004d;
	--white: #ffffff;
	--black: #000000;

	--theme-bg: light-dark(#f9f4eb, #060606);
	--theme-bg-elevated: light-dark(#fffdf8, #121212);
	--theme-text: light-dark(#2b1a14, #f3ede6);
	--theme-text-muted: light-dark(#705d4e, #bda99a);
	--theme-text-secondary: var(--theme-text-muted);
	--theme-border: light-dark(#d5c3a3, #3a2a1f);
	--theme-accent: light-dark(var(--ups-gold), #ffd24d);
	--theme-accent-contrast: light-dark(var(--ups-brown), #2a1700);
	--theme-danger: light-dark(var(--ups-red), #ff6a92);
	--theme-primary: var(--theme-accent);
	--theme-primary-dark: light-dark(#b88300, #ffe082);
	--theme-primary-50: light-dark(rgba(248, 190, 0, 0.18), rgba(255, 210, 77, 0.22));
	--theme-primary-15: light-dark(rgba(248, 190, 0, 0.15), rgba(255, 210, 77, 0.28));

	--theme-shadow-elevated: light-dark(
		0 12px 28px rgba(51, 0, 0, 0.12),
		0 14px 34px rgba(0, 0, 0, 0.46)
	);

	--theme-body-radial-primary: light-dark(rgba(248, 190, 0, 0.24), rgba(248, 190, 0, 0.1));
	--theme-body-radial-secondary: light-dark(rgba(51, 0, 0, 0.08), rgba(51, 0, 0, 0.14));

	--theme-overlay-soft: light-dark(rgba(51, 0, 0, 0.18), rgba(0, 0, 0, 0.5));
	--theme-overlay-medium: light-dark(rgba(51, 0, 0, 0.28), rgba(0, 0, 0, 0.62));
	--theme-overlay-image: light-dark(rgba(51, 0, 0, 0.32), rgba(0, 0, 0, 0.56));
	--theme-overlay-strong: light-dark(rgba(51, 0, 0, 0.74), rgba(0, 0, 0, 0.84));

	--theme-control-surface: light-dark(#3a1808, rgba(18, 18, 18, 0.86));
	--theme-control-surface-muted: light-dark(#5a2f12, rgba(22, 22, 22, 0.8));
	--theme-control-text: var(--white);
	--theme-control-text-muted: rgba(255, 255, 255, 0.9);

	--theme-message-button-start: light-dark(#5c2500, #8a4f10);
	--theme-message-button-end: light-dark(#f8be00, #ffd24d);
	--theme-message-button-hover-start: light-dark(#6f2d00, #9f6014);
	--theme-message-button-hover-end: light-dark(#ffcb26, #ffe082);
	--theme-message-button-border: light-dark(#7c4b00, #c89112);
	--theme-message-button-hover-border: light-dark(#996000, #e4ab22);
	--theme-message-button-shadow: light-dark(
		0 8px 18px rgba(51, 0, 0, 0.2),
		0 8px 18px rgba(0, 0, 0, 0.4)
	);
	--theme-message-button-focus: light-dark(rgba(248, 190, 0, 0.34), rgba(255, 210, 77, 0.38));

	--theme-white: var(--white);
	--theme-surface: var(--theme-bg-elevated);
	--theme-surface-hover: light-dark(#f8eed9, #1a1a1a);
	--theme-text-primary: var(--theme-text);
	--theme-text-tertiary: light-dark(#876f5c, #a88f7c);
	--theme-border-color: var(--theme-border);

	--theme-surface-blend-80: light-dark(#fdf8f0, #101010);
	--theme-surface-blend-84: light-dark(#fbf4e8, #121212);
	--theme-surface-blend-86: light-dark(#f9f1e1, #141414);
	--theme-surface-blend-88: light-dark(#f7ecd8, #171717);
	--theme-surface-blend-90: light-dark(#f4e7cf, #1a1a1a);
	--theme-surface-glass-88: light-dark(rgba(255, 255, 255, 0.88), rgba(10, 10, 10, 0.88));

	--theme-accent-tint-10: light-dark(rgba(248, 190, 0, 0.1), rgba(255, 210, 77, 0.18));
	--theme-accent-tint-12: light-dark(rgba(248, 190, 0, 0.12), rgba(255, 210, 77, 0.22));
	--theme-accent-tint-14: light-dark(rgba(248, 190, 0, 0.14), rgba(255, 210, 77, 0.25));
	--theme-accent-tint-15: light-dark(rgba(248, 190, 0, 0.15), rgba(255, 210, 77, 0.28));
	--theme-accent-tint-20: light-dark(rgba(248, 190, 0, 0.2), rgba(255, 210, 77, 0.34));
	--theme-accent-tint-22: light-dark(rgba(248, 190, 0, 0.22), rgba(255, 210, 77, 0.38));
	--theme-accent-tint-25: light-dark(rgba(248, 190, 0, 0.25), rgba(255, 210, 77, 0.42));
	--theme-danger-tint-10: light-dark(rgba(229, 0, 77, 0.1), rgba(255, 106, 146, 0.16));
	--theme-danger-tint-12: light-dark(rgba(229, 0, 77, 0.12), rgba(255, 106, 146, 0.22));
	--theme-border-soft-70: light-dark(rgba(216, 206, 194, 0.7), rgba(74, 58, 53, 0.7));
	--theme-danger-border-soft-45: light-dark(rgba(229, 0, 77, 0.45), rgba(255, 106, 146, 0.45));
	--theme-accent-border-soft-40: light-dark(rgba(248, 190, 0, 0.4), rgba(255, 210, 77, 0.4));
	--theme-focus-ring: light-dark(rgba(248, 190, 0, 0.36), rgba(255, 210, 77, 0.5));

	--theme-settings-input-border: light-dark(#cfbc96, #352920);
	--theme-settings-input-border-hover: light-dark(#ba9f6a, #4a392d);
	--theme-settings-toggle-track: light-dark(#d6c5a1, #3a2d24);
	--theme-settings-switch-thumb: var(--white);
	--theme-settings-switch-thumb-shadow: light-dark(
		0 1px 3px rgba(51, 0, 0, 0.18),
		0 1px 3px rgba(0, 0, 0, 0.4)
	);
	--theme-settings-modal-backdrop: light-dark(rgba(51, 0, 0, 0.56), rgba(0, 0, 0, 0.74));
	--theme-settings-cropper-shadow: light-dark(
		0 20px 60px rgba(51, 0, 0, 0.18),
		0 20px 60px rgba(0, 0, 0, 0.46)
	);
	--theme-settings-toast-shadow: light-dark(
		0 12px 28px rgba(51, 0, 0, 0.16),
		0 12px 28px rgba(0, 0, 0, 0.36)
	);
	--theme-settings-toast-success-border: light-dark(#77a55b, #98c47b);
	--theme-settings-toast-error-border: light-dark(#d56572, #ec93a7);

	/* Optional aliases for pages that read non-theme token names directly. */
	--bg: var(--theme-bg);
	--bg-elevated: var(--theme-bg-elevated);
	--text: var(--theme-text);
	--text-muted: var(--theme-text-muted);
	--text-secondary: var(--theme-text-secondary);
	--text-primary: var(--theme-text-primary);
	--text-tertiary: var(--theme-text-tertiary);
	--border: var(--theme-border);
	--border-color: var(--theme-border-color);
	--accent: var(--theme-accent);
	--accent-contrast: var(--theme-accent-contrast);
	--danger: var(--theme-danger);
	--primary: var(--theme-primary);
	--primary-dark: var(--theme-primary-dark);
	--primary-50: var(--theme-primary-50);
	--primary-15: var(--theme-primary-15);
	--surface: var(--theme-surface);
	--surface-hover: var(--theme-surface-hover);
	--surface-blend-80: var(--theme-surface-blend-80);
	--surface-blend-84: var(--theme-surface-blend-84);
	--surface-blend-86: var(--theme-surface-blend-86);
	--surface-blend-88: var(--theme-surface-blend-88);
	--surface-blend-90: var(--theme-surface-blend-90);
	--surface-glass-88: var(--theme-surface-glass-88);
	--accent-tint-10: var(--theme-accent-tint-10);
	--accent-tint-12: var(--theme-accent-tint-12);
	--accent-tint-14: var(--theme-accent-tint-14);
	--accent-tint-15: var(--theme-accent-tint-15);
	--accent-tint-20: var(--theme-accent-tint-20);
	--accent-tint-22: var(--theme-accent-tint-22);
	--accent-tint-25: var(--theme-accent-tint-25);
	--danger-tint-10: var(--theme-danger-tint-10);
	--danger-tint-12: var(--theme-danger-tint-12);
	--border-soft-70: var(--theme-border-soft-70);
	--danger-border-soft-45: var(--theme-danger-border-soft-45);
	--accent-border-soft-40: var(--theme-accent-border-soft-40);
	--focus-ring: var(--theme-focus-ring);
	--body-radial-primary: var(--theme-body-radial-primary);
	--body-radial-secondary: var(--theme-body-radial-secondary);
	--overlay-soft: var(--theme-overlay-soft);
	--overlay-medium: var(--theme-overlay-medium);
	--overlay-image: var(--theme-overlay-image);
	--overlay-strong: var(--theme-overlay-strong);
	--control-surface: var(--theme-control-surface);
	--control-surface-muted: var(--theme-control-surface-muted);
	--control-text: var(--theme-control-text);
	--control-text-muted: var(--theme-control-text-muted);
	--message-button-start: var(--theme-message-button-start);
	--message-button-end: var(--theme-message-button-end);
	--message-button-hover-start: var(--theme-message-button-hover-start);
	--message-button-hover-end: var(--theme-message-button-hover-end);
	--message-button-border: var(--theme-message-button-border);
	--message-button-hover-border: var(--theme-message-button-hover-border);
	--message-button-shadow: var(--theme-message-button-shadow);
	--message-button-focus: var(--theme-message-button-focus);
}