:root {
  --surface-1: var(--gray-1);
  --surface-2: var(--gray-2);
  --surface-3: var(--gray-3);
  --surface-4: var(--gray-4);

  --surface-1-hsl: var(--gray-1-hsl);
  --surface-2-hsl: var(--gray-2-hsl);
  --surface-3-hsl: var(--gray-3-hsl);
  --surface-4-hsl: var(--gray-4-hsl);

  --text-1: var(--gray-9);
  --text-2: var(--gray-7);
  --theme-accent-rgb: var(--color-red-rgb);
  --theme-text: var(--gray-9);
  --theme-text-light: var(--gray-7);
  --theme-text-lighter: var(--gray-4);

  --text-1-hsl: var(--gray-9-hsl);
  --text-2-hsl: var(--gray-7-hsl);
  --theme-text-hsl: var(--gray-9-hsl);
  --theme-text-light-hsl: var(--gray-7-hsl);
  --theme-text-lighter-hsl: var(--gray-4-hsl);
}