Дизайн-токены из референса

:root {
  /* Базовая палитра (raw) */
  --gray-50: ...;
  --gray-100: ...;
  --gray-900: ...;
  --accent-500: ...;

  /* Семантические токены */
  --bg: var(--gray-50);
  --bg-elevated: var(--gray-100);
  --fg: var(--gray-900);
  --fg-muted: var(--gray-600);
  --border: var(--gray-200);
  --accent: var(--accent-500);
}

--font-sans: ...;
--font-serif: ...;
--font-mono: ...;
--text-xs: 0.75rem;
--text-sm: ...;
--leading-tight: 1.1;
--leading-snug: 1.3;
--leading-normal: 1.5;

--space-1: 0.25rem;
--space-2: 0.5rem;
--space-4: 1rem;
--space-8: 2rem;

--radius-sm: ...;
--radius-md: ...;
--radius-lg: ...;
--radius-full: 9999px;

--shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
--shadow-md: ...;
--shadow-lg: ...;

--z-base: 0;
--z-dropdown: 10;
--z-modal: 50;
--z-toast: 100;

--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--duration-fast: 150ms;
--duration-normal: 250ms;