$primary-surface: #ccbbdd; $glass-surface: #8836ff4a; $primary-text: #000000; $ui-surface-bg: #ffffff; $ui-hover-fg: #220251; $ui-hover-bg: #d2b6e8; $ui-visited-fg: #670eea; $ui-active-bg: #ff9ca0; $ui-active-fg: #600707; .inset-20-10 { margin: 20px; @media all and (max-width: 400px) { margin: 10px; } }