:host, .sl-theme-dark { color-scheme: dark; --primary-100: #b1effa; --primary-200: #93d0db; --primary-300: #7ab6c1; --primary-400: #629da8; --primary-500: #407c86; --primary-600: #215f69; --primary-700: #074d56; --primary-800: #003a43; --primary-900: #00222b; --primary-transparent-100: rgba(64, 124, 134, 0.08); --primary-transparent-200: rgba(64, 124, 134, 0.16); --primary-transparent-300: rgba(64, 124, 134, 0.24); --primary-transparent-400: rgba(64, 124, 134, 0.32); --primary-transparent-500: rgba(64, 124, 134, 0.4); --primary-transparent-600: rgba(64, 124, 134, 0.48);  }