:host, .sl-theme-dark { color-scheme: dark; --primary-100: #ffd8cb; --primary-200: #ffb29b; --primary-300: #f19881; --primary-400: #d67f69; --primary-500: #b4614c; --primary-600: #92422e; --primary-700: #7a2c19; --primary-800: #631601; --primary-900: #470000; --primary-transparent-100: rgba(180, 97, 76, 0.08); --primary-transparent-200: rgba(180, 97, 76, 0.16); --primary-transparent-300: rgba(180, 97, 76, 0.24); --primary-transparent-400: rgba(180, 97, 76, 0.32); --primary-transparent-500: rgba(180, 97, 76, 0.4); --primary-transparent-600: rgba(180, 97, 76, 0.48);  }