:root {
  --surface-1: var(--gray-9);
  --surface-2: var(--gray-8);
  --surface-3: var(--gray-7);
  --surface-4: var(--gray-6);

  --surface-1-hsl: var(--gray-9-hsl);
  --surface-2-hsl: var(--gray-8-hsl);
  --surface-3-hsl: var(--gray-7-hsl);
  --surface-4-hsl: var(--gray-6-hsl);

  --text-1: var(--gray-1);
  --text-2: var(--gray-4);
  --theme-text: var(--gray-1);
  --theme-text-light: var(--gray-3);
  --theme-text-lighter: var(--gray-5);

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