/* ALIAS — znaczenie nadane wartościom z brandu (rola, nie wartość).
   Każda wartość to var() do tokens-brand.css, bez literałów. */

:root {
	--color-primary-50: var(--color-gold-50);
	--color-primary-100: var(--color-gold-100);
	--color-primary-200: var(--color-gold-200);
	--color-primary-300: var(--color-gold-300);
	--color-primary-400: var(--color-gold-400);
	--color-primary-500: var(--color-gold-500);
	--color-primary-600: var(--color-gold-600);
	--color-primary-700: var(--color-gold-700);
	--color-primary-800: var(--color-gold-800);
	--color-primary-900: var(--color-gold-900);
	--color-primary-950: var(--color-gold-950);

	/* Neutral (Figma: Alias → Color/Neutral; Default = 500) */
	--color-neutral-50: var(--color-gray-50);
	--color-neutral-100: var(--color-gray-100);
	--color-neutral-200: var(--color-gray-200);
	--color-neutral-300: var(--color-gray-300);
	--color-neutral-400: var(--color-gray-400);
	--color-neutral-500: var(--color-gray-500);
	--color-neutral-600: var(--color-gray-600);
	--color-neutral-700: var(--color-gray-700);
	--color-neutral-800: var(--color-gray-800);
	--color-neutral-900: var(--color-gray-900);
	--color-neutral-950: var(--color-gray-950);

	/* Error (Figma: Alias → Color/Error; Default = 500) */
	--color-error-50: var(--color-red-50);
	--color-error-100: var(--color-red-100);
	--color-error-200: var(--color-red-200);
	--color-error-300: var(--color-red-300);
	--color-error-400: var(--color-red-400);
	--color-error-500: var(--color-red-500);
	--color-error-600: var(--color-red-600);
	--color-error-700: var(--color-red-700);
	--color-error-800: var(--color-red-800);
	--color-error-900: var(--color-red-900);
	--color-error-950: var(--color-red-950);

	/* Success (Figma: Alias → Color/Success; Default = 500) */
	--color-success-50: var(--color-green-50);
	--color-success-100: var(--color-green-100);
	--color-success-200: var(--color-green-200);
	--color-success-300: var(--color-green-300);
	--color-success-400: var(--color-green-400);
	--color-success-500: var(--color-green-500);
	--color-success-600: var(--color-green-600);
	--color-success-700: var(--color-green-700);
	--color-success-800: var(--color-green-800);
	--color-success-900: var(--color-green-900);
	--color-success-950: var(--color-green-950);

	--rating: var(--color-yellow-500);

	--bg-light: var(--color-white);
	--bg-light-50: var(--color-neutral-50);
	--bg-light-100: var(--color-neutral-100);
	--bg-light-200: var(--color-neutral-200);
	--bg-dark: var(--color-neutral-950);

	--heading: var(--color-neutral-900);
	--heading-dark-mode: var(--color-neutral-100);

	--body: var(--color-neutral-600);
	--body-dark-mode: var(--color-neutral-300);

	--text-button-light: var(--color-white);
	--text-button-dark: var(--color-neutral-900);

	--error-background: var(--color-red-100);
	--success-background: var(--color-green-100);

	--error-text: var(--color-red-700);
	--success-text: var(--color-green-700);

	--border-width-none: var(--border-width-0);
	--border-width-sm: var(--border-width-1);
	--border-width-md: var(--border-width-2);
	--border-width-lg: var(--border-width-4);
	--border-width-xl: var(--border-width-6);

	--font-size-body-lg: var(--font-size-lg); /* 18 */
	--line-height-body-lg: var(--line-height-px-28);

	--font-size-body-md: var(--font-size-base); /* 16 */
	--line-height-body-md: var(--line-height-px-24);

	--font-size-body-sm: var(--font-size-sm); /* 14 */
	--line-height-body-sm: var(--line-height-px-20);

	--font-size-caption: var(--font-size-xs); /* 12 */
	--line-height-caption: var(--line-height-px-16);

	/* Interlinie większych rozmiarów (mixiny text-2xl i większe) */
	--line-height-2xl: var(--line-height-px-32);
	--line-height-3xl: var(--line-height-px-36);
	--line-height-4xl: var(--line-height-px-40);
	--line-height-5xl: var(--line-height-px-44);
	--line-height-6xl: var(--line-height-px-66);

	/* --- Promienie --- */
	--radius-full: var(--radius-9);

	/* --- Rozmiary elementów: ikony, awatary (Figma: Alias → Size) --- */
	--size-sm: var(--scale-400);
	--size-md: var(--scale-500);
	--size-lg: var(--scale-600);
	--size-xl: var(--scale-700);
	--size-2xl: var(--scale-800);

	/* --- Odstępy wg Figmy (Alias → Spacing) --- */
	--spacing-2xs: var(--scale-100); /* 4 */
	--spacing-xs: var(--scale-150); /* 6 */
	--spacing-sm: var(--scale-200); /* 8 */
	--spacing-md: var(--scale-300); /* 12 */
	--spacing-lg: var(--scale-400); /* 16 */
	--spacing-xl: var(--scale-500); /* 24 */
	--spacing-2xl: var(--scale-600); /* 32 */
	--spacing-3xl: var(--scale-700); /* 48 */
	--spacing-4xl: var(--scale-800); /* 64 */
	--spacing-5xl: var(--scale-900); /* 80 */
	--spacing-6xl: var(--scale-1000); /* 96 */
	--spacing-7xl: var(--scale-1100); /* 128 */
	--spacing-8xl: var(--scale-1200); /* 192 */

	/* --- Promienie wg Figmy (Alias → Border radius) — jeszcze nieużywane; stare --radius-* działają obok --- */
	--border-radius-none: var(--scale-0);
	--border-radius-xs: var(--scale-50); /* 2 */
	--border-radius-sm: var(--scale-100); /* 4 */
	--border-radius-md: var(--scale-200); /* 8 */
	--border-radius-lg: var(--scale-300); /* 12 */
	--border-radius-xl: var(--scale-500); /* 24 */
	--border-radius-full: 9999px;
}