/* Qaem Toys design tokens — derived from UI/1789630332115 (scales) and the page mockups (semantic aliases). */
:root {
	--qt-bg-page: #FBF8F2;
	--qt-bg-card: #FFFFFF;
	--qt-bg-elevated: #FFFFFF;
	--qt-bg-subtle: #F5F2EA;
	--qt-bg-header: #FFFFFF;
	--qt-bg-footer: #24302C;

	--qt-primary-50: #EDF7F4;
	--qt-primary-100: #D4EDE5;
	--qt-primary-200: #A9DBCB;
	--qt-primary-300: #7EC9B1;
	--qt-primary-400: #53B797;
	--qt-primary-500: #2F6E5D;
	--qt-primary-600: #26594A;
	--qt-primary-700: #1E4B3F;
	--qt-primary-800: #163D32;
	--qt-primary-900: #0E2F26;

	--qt-accent-50: #FAF6ED;
	--qt-accent-100: #F3EBDB;
	--qt-accent-200: #E7D7B7;
	--qt-accent-300: #DBC393;
	--qt-accent-400: #CFAF6F;
	--qt-accent-500: #C9974B;
	--qt-accent-600: #A17A3C;
	--qt-accent-700: #795C2D;

	--qt-primary: #2F6E5D;
	--qt-primary-dark: #1E4B3F;
	--qt-primary-light: #E8F3F0;
	--qt-accent: #C9974B;
	--qt-accent-light: #F5E6C8;
	--qt-accent-dark: #A67C2E;

	--qt-text: #24302C;
	--qt-text-secondary: #6B7A75;
	--qt-text-muted: #9BA8A3;
	--qt-text-inverted: #FBF8F2;
	--qt-on-primary: #FFFFFF;
	--qt-on-accent: #24302C;

	--qt-success: #2F6E5D;
	--qt-warning: #D4A03A;
	--qt-error: #C0392B;
	--qt-info: #3A7CA5;
	--qt-success-bg: #E8F3F0;
	--qt-warning-bg: #FEF5E7;
	--qt-error-bg: #FDECEA;
	--qt-info-bg: #EBF5FB;

	--qt-border: #E8E4DE;
	--qt-border-strong: #D5CFC7;

	--qt-footer-text: rgba(251, 248, 242, .72);
	--qt-footer-text-strong: #FBF8F2;
	--qt-focus-ring: 0 0 0 3px rgba(47, 110, 93, .14);

	--qt-shadow-sm: 0 1px 2px rgba(36, 48, 44, .05);
	--qt-shadow-md: 0 4px 12px rgba(36, 48, 44, .08);
	--qt-shadow-lg: 0 8px 24px rgba(36, 48, 44, .12);
	--qt-shadow-xl: 0 16px 40px rgba(36, 48, 44, .16);

	--qt-radius-sm: 6px;
	--qt-radius-md: 12px;
	--qt-radius-lg: 16px;
	--qt-radius-xl: 24px;
	--qt-radius-full: 9999px;

	--qt-space-1: 4px;
	--qt-space-2: 8px;
	--qt-space-3: 12px;
	--qt-space-4: 16px;
	--qt-space-5: 20px;
	--qt-space-6: 24px;
	--qt-space-8: 32px;
	--qt-space-10: 40px;
	--qt-space-12: 48px;
	--qt-space-16: 64px;
	--qt-space-20: 80px;

	--qt-font: 'Vazirmatn', Tahoma, system-ui, sans-serif;
	--qt-fs-display: 3.5rem;
	--qt-fs-h1: 2.5rem;
	--qt-fs-h2: 2rem;
	--qt-fs-h3: 1.5rem;
	--qt-fs-h4: 1.25rem;
	--qt-fs-h5: 1.125rem;
	--qt-fs-body-lg: 1.125rem;
	--qt-fs-body: 1rem;
	--qt-fs-sm: .875rem;
	--qt-fs-caption: .75rem;

	--qt-container: 1280px;
	--qt-ease: .2s ease;
	--qt-touch: 44px;

	--qt-z-catnav: 400;
	--qt-z-toggle: 450;
	--qt-z-search: 500;
	--qt-z-overlay: 600;
	--qt-z-drawer: 610;

	color-scheme: light;
}

[data-theme="dark"] {
	--qt-bg-page: #121212;
	--qt-bg-card: #1E1E1E;
	--qt-bg-elevated: #252525;
	--qt-bg-subtle: #181818;
	--qt-bg-header: #1A1A1A;
	--qt-bg-footer: #0A0A0A;

	--qt-primary-50: #0E2F26;
	--qt-primary-100: #163D32;
	--qt-primary-200: #1E4B3F;

	--qt-primary-light: #1A3028;
	--qt-accent: #D9B36C;
	--qt-accent-light: #3A3220;
	--qt-accent-dark: #E5C88F;

	--qt-text: #ECECEC;
	--qt-text-secondary: #A0A8A5;
	--qt-text-muted: #6B7A75;
	--qt-text-inverted: #121212;
	--qt-on-accent: #121212;

	--qt-success-bg: #1A3028;
	--qt-warning-bg: #3A2F1A;
	--qt-error-bg: #3A1F1C;
	--qt-info-bg: #1A2F3A;

	--qt-border: #2A2A2A;
	--qt-border-strong: #3A3A3A;

	--qt-footer-text: rgba(236, 236, 236, .72);
	--qt-footer-text-strong: #ECECEC;

	--qt-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
	--qt-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);
	--qt-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);
	--qt-shadow-xl: 0 16px 40px rgba(0, 0, 0, .6);

	--wp--preset--color--base: #121212;
	--wp--preset--color--contrast: #ECECEC;
	--wp--preset--color--accent-5: #1C1C1C;

	color-scheme: dark;
}