@layer tushal.tokens {
	:root {
		/* Brand */
		--tushal-color-orange-500: #ff9418;
		--tushal-color-blue-500: #376cff;
		--tushal-color-blue-600: #244ed8;
		--tushal-color-violet-500: #6947f5;
		--tushal-color-navy-950: #11182a;
		--tushal-color-navy-900: #17213a;
		--tushal-color-ink: #151b2b;
		--tushal-color-copy: #465067;
		--tushal-color-muted: #687187;
		--tushal-color-white: #ffffff;
		--tushal-color-cream: #fff3df;
		--tushal-color-lilac: #f2eeff;
		--tushal-color-aqua: #eaf9f5;
		--tushal-color-sky: #eaf4ff;
		--tushal-color-border: #d7d2e8;
		--tushal-color-border-strong: #8c76ff;

		/* Semantic */
		--tushal-color-primary: var(--tushal-color-orange-500);
		--tushal-color-primary-hover: var(--tushal-color-blue-600);

		/* Type */
		--tushal-font-sans: "Poppins", "Noto Sans Devanagari", "Segoe UI", Arial, sans-serif;
		--tushal-font-size-sm: 0.875rem;
		--tushal-font-size-base: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
		--tushal-font-size-h4: clamp(1.125rem, 1.02rem + 0.35vw, 1.35rem);
		--tushal-font-size-h3: clamp(1.3rem, 1.12rem + 0.7vw, 1.8rem);
		--tushal-font-size-h2: clamp(1.9rem, 1.45rem + 1.8vw, 3.25rem);
		--tushal-font-size-h1: clamp(2.35rem, 1.55rem + 3vw, 4.8rem);
		--tushal-line-body: 1.72;
		--tushal-line-heading: 1.08;
		--tushal-line-devanagari: 1.55;

		/* Spacing */
		--tushal-space-2: 0.5rem;
		--tushal-space-3: 0.75rem;
		--tushal-space-4: 1rem;
		--tushal-space-6: 1.5rem;
		--tushal-space-8: 2rem;
		--tushal-space-12: 3rem;

		/* Layout */
		--tushal-container: 1180px;
		--tushal-container-wide: 1380px;
		--tushal-reading-measure: 70ch;
		--tushal-gutter-mobile: 2.5px;
		--tushal-gutter-tablet: 20px;
		--tushal-gutter-desktop: 28px;

		/* Radius */
		--tushal-radius-control: 12px;
		--tushal-radius-card: 20px;
		--tushal-radius-feature: 28px;
		--tushal-radius-pill: 999px;

		/* Border */
		--tushal-border: 1px solid var(--tushal-color-border);
		--tushal-border-strong: 2px solid var(--tushal-color-border-strong);

		/* Shadow */
		--tushal-shadow-sm: 0 6px 18px rgb(21 27 43 / 8%);
		--tushal-shadow-card: 0 16px 40px rgb(21 27 43 / 10%);
		--tushal-shadow-elevated: 0 24px 64px rgb(21 27 43 / 14%);
		--tushal-shadow-focus: 0 0 0 4px rgb(55 108 255 / 24%);

		/* Motion */
		--tushal-duration-fast: 160ms;
		--tushal-duration-standard: 240ms;
		--tushal-duration-reveal: 400ms;
		--tushal-ease: cubic-bezier(0.2, 0.8, 0.2, 1);


		/* Compatibility aliases used by canonical components. */
		--tushal-orange: var(--tushal-color-orange-500);
		--tushal-blue: var(--tushal-color-blue-600);
		--tushal-navy: var(--tushal-color-navy-950);
		--tushal-ink: var(--tushal-color-ink);
		--tushal-copy-muted: var(--tushal-color-muted);
		--tushal-button-h: 50px;
		--tushal-button-radius: var(--tushal-radius-control);
		--space-3: var(--tushal-space-3);
		--space-4: var(--tushal-space-4);
		--space-5: 1.25rem;
		--space-6: var(--tushal-space-6);
		--space-10: 2.5rem;
		--radius-control: var(--tushal-radius-control);
		--radius-card: var(--tushal-radius-card);
		--shadow-card: var(--tushal-shadow-card);

		/* Header */
		--tushal-header-height: 72px;
	}
}