/**
 * Design tokens — source: teya-memory/design/AURADESIGN.md
 * Theme: teya-generated-site (Vlex AI Dark Tech)
 */

:root {
	/* Colors */
	--teya-color-primary: #7B2FFF;
	--teya-color-primary-hover: #6920E8;
	--teya-color-on-primary: #FFFFFF;
	--teya-color-secondary: #00D4FF;
	--teya-color-secondary-hover: #00B8E0;
	--teya-color-on-secondary: #0A0A0F;
	--teya-color-background: #0A0A0F;
	--teya-color-on-background: #FFFFFF;
	--teya-color-surface-lowest: #12121A;
	--teya-color-surface-low: #16161F;
	--teya-color-surface-container: #1C1C28;
	--teya-color-surface-high: #242432;
	--teya-color-surface-glass: rgba(28, 28, 40, 0.72);
	--teya-color-outline: rgba(255, 255, 255, 0.12);
	--teya-color-outline-variant: rgba(255, 255, 255, 0.06);
	--teya-color-accent-glow-purple: rgba(123, 47, 255, 0.35);
	--teya-color-accent-glow-cyan: rgba(0, 212, 255, 0.28);
	--teya-color-error: #FF4D6A;
	--teya-color-success: #00E5A0;
	--teya-color-muted: #9CA3AF;
	--teya-color-accent: #00D4FF;

	--teya-gradient-hero: linear-gradient(135deg, #7B2FFF 0%, #00D4FF 100%);
	--teya-gradient-card-border: linear-gradient(135deg, rgba(123, 47, 255, 0.6), rgba(0, 212, 255, 0.4));

	/* Typography */
	--teya-font-display: "Onest", system-ui, sans-serif;
	--teya-font-body: "Manrope", system-ui, sans-serif;
	--teya-font-mono: "JetBrains Mono", ui-monospace, monospace;

	--teya-text-display-xl: clamp(40px, 5vw, 64px);
	--teya-text-display-lg: clamp(32px, 4vw, 48px);
	--teya-text-headline-lg: 32px;
	--teya-text-headline-md: 24px;
	--teya-text-headline-sm: 20px;
	--teya-text-body-lg: 18px;
	--teya-text-body-md: 16px;
	--teya-text-body-sm: 14px;
	--teya-text-label-sm: 12px;

	/* Spacing */
	--teya-space-xs: 4px;
	--teya-space-sm: 8px;
	--teya-space-md: 16px;
	--teya-space-lg: 24px;
	--teya-space-xl: 40px;
	--teya-space-2xl: 56px;
	--teya-space-3xl: 88px;
	--teya-space-xxl: 64px;
	--teya-section-y: clamp(64px, 10vw, 120px);
	--teya-gutter: 24px;
	--teya-margin: clamp(16px, 4vw, 32px);
	--teya-container-max: 1200px;

	/* Radii */
	--teya-radius-sm: 6px;
	--teya-radius-md: 12px;
	--teya-radius-lg: 16px;
	--teya-radius-xl: 20px;
	--teya-radius-xxl: 24px;
	--teya-radius-full: 9999px;

	/* Borders & shadows */
	--teya-border-hairline: 1px solid rgba(255, 255, 255, 0.08);
	--teya-border-card: 1px solid rgba(255, 255, 255, 0.1);
	--teya-border-accent: 1px solid rgba(123, 47, 255, 0.45);
	--teya-shadow-card: 0 8px 32px rgba(0, 0, 0, 0.45);
	--teya-shadow-card-hover: 0 16px 48px rgba(123, 47, 255, 0.18);
	--teya-shadow-glow-purple: 0 0 60px rgba(123, 47, 255, 0.25);
	--teya-shadow-glow-cyan: 0 0 40px rgba(0, 212, 255, 0.2);
	--teya-shadow-border: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 8px 28px rgba(0, 0, 0, 0.38);
	--teya-shadow-border-hover: 0 0 0 1px rgba(255, 255, 255, 0.14), 0 16px 40px rgba(0, 0, 0, 0.45);
	--teya-image-outline: 1px solid rgba(255, 255, 255, 0.1);

	/* Motion */
	--teya-duration-fast: 150ms;
	--teya-duration-base: 250ms;
	--teya-duration-slow: 400ms;
	--teya-easing: cubic-bezier(0.22, 1, 0.36, 1);
	--teya-easing-press: cubic-bezier(0.2, 0, 0, 1);

	/* Layout */
	--teya-header-height: 72px;
	--teya-z-sticky-header: 10;
	--teya-z-cookie-banner: 90;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--teya-duration-fast: 0ms;
		--teya-duration-base: 0ms;
		--teya-duration-slow: 0ms;
	}
}