$surface: (
light-light:#ffffff,
light-tint:#F7F8FA,
light-room:#ffffff,
light-neutral:#E4E7EA,
light-disabled:#F7F8FA,
light-hover:#F2F3F5,
light-selected:#D7DBE0,
light-dark:#1F2329,
light-featured:#5F1477,
light-featured-hover:#4A105D,
light-sidebar:#E4E7EA,
light-overlay:"rgba(47, 52, 61, 0.5)",
high-contrast-light:#ffffff,
high-contrast-tint:#F7F8FA,
high-contrast-room:#ffffff,
high-contrast-neutral:#E4E7EA,
high-contrast-disabled:#F7F8FA,
high-contrast-hover:#F2F3F5,
high-contrast-selected:#D7DBE0,
high-contrast-dark:#1F2329,
high-contrast-featured:#5F1477,
high-contrast-featured-hover:#4A105D,
high-contrast-sidebar:#E4E7EA,
high-contrast-overlay:"rgba(47, 52, 61, 0.5)",
dark-light:#262931,
dark-tint:#1F2329,
dark-room:#1F2329,
dark-neutral:#2D3039,
dark-disabled:#24272E,
dark-hover:#1A1E23,
dark-selected:#4C5362,
dark-dark:#E4E7EA,
dark-featured:#5F1477,
dark-featured-hover:#4A105D,
dark-sidebar:#2F343D,
dark-overlay:"rgba(0, 0, 0, 0.6)"
);