:host,
.sl-theme-dark {
    color-scheme: dark;
    --primary-100: #fcf6de;
    --primary-200: #eee0bb;
    --primary-300: #e1cb98;
    --primary-400: #d3b575;
    --primary-500: #c59f52;
    --primary-600: #a38343;
    --primary-700: #816733;
    --primary-800: #5e4b24;
    --primary-900: #3c2f14;
    --success-100: #FCFEF3;
    --success-200: #F9FEE8;
    --success-300: #F4FDDC;
    --success-400: #EFFCD3;
    --success-500: #E8FBC4;
    --success-600: #BCD78F;
    --success-700: #92B462;
    --success-800: #6C913E;
    --success-900: #507825;
    --secondary-100: #ecf2fd;
    --secondary-200: #d8e7fe;
    --secondary-300: #c4dbfe;
    --secondary-400: #b0d0ff;
    --secondary-500: #9cc4ff;
    --secondary-600: #799fd7;
    --secondary-700: #567aaf;
    --secondary-800: #325487;
    --secondary-900: #0f2f5f;
    --accent-100: #FEFCEF;
    --accent-200: #FEF9DF;
    --accent-300: #FEF4CF;
    --accent-400: #FEF0C3;
    --accent-500: #FEE9B0;
    --accent-600: #DABF80;
    --accent-700: #B69858;
    --accent-800: #937338;
    --accent-900: #795821;
    --danger-100: #FEF2EA;
    --danger-200: #FEE3D5;
    --danger-300: #FCCFBF;
    --danger-400: #FABCAE;
    --danger-500: #F79E94;
    --danger-600: #D46E6C;
    --danger-700: #B14A50;
    --danger-800: #8F2F3C;
    --danger-900: #761C30;
    --basic-100: #FBF9F8;
    --basic-200: #F7F4F2;
    --basic-300: #E8E3E1;
    --basic-400: #D2CCC9;
    --basic-500: #B5ADAB;
    --basic-600: #6C6565;
    --basic-700: #4D3237;
    --basic-800: #282727;
    --basic-900: #171616;
    --basic-1000: #212020;
    --basic-1100: #0B0A0A;
    --on-primary-100: var(--basic-1000);
    --on-primary-200: var(--basic-1000);
    --on-primary-300: var(--basic-1000);
    --on-primary-400: var(--basic-1000);
    --on-primary-500: var(--basic-1000);
    --on-primary-600: var(--basic-1000);
    --on-primary-700: var(--basic-200);
    --on-primary-800: var(--basic-200);
    --on-primary-900: var(--basic-200);
    --on-success-100: var(--basic-1000);
    --on-success-200: var(--basic-1000);
    --on-success-300: var(--basic-1000);
    --on-success-400: var(--basic-1000);
    --on-success-500: var(--basic-1000);
    --on-success-600: var(--basic-1000);
    --on-success-700: var(--basic-1000);
    --on-success-800: var(--basic-200);
    --on-success-900: var(--basic-200);
    --on-secondary-100: var(--basic-1000);
    --on-secondary-200: var(--basic-1000);
    --on-secondary-300: var(--basic-1000);
    --on-secondary-400: var(--basic-1000);
    --on-secondary-500: var(--basic-1000);
    --on-secondary-600: var(--basic-1000);
    --on-secondary-700: var(--basic-200);
    --on-secondary-800: var(--basic-200);
    --on-secondary-900: var(--basic-200);
    --on-accent-100: var(--basic-1000);
    --on-accent-200: var(--basic-1000);
    --on-accent-300: var(--basic-1000);
    --on-accent-400: var(--basic-1000);
    --on-accent-500: var(--basic-1000);
    --on-accent-600: var(--basic-1000);
    --on-accent-700: var(--basic-1000);
    --on-accent-800: var(--basic-200);
    --on-accent-900: var(--basic-200);
    --on-danger-100: var(--basic-1000);
    --on-danger-200: var(--basic-1000);
    --on-danger-300: var(--basic-1000);
    --on-danger-400: var(--basic-1000);
    --on-danger-500: var(--basic-1000);
    --on-danger-600: var(--basic-1000);
    --on-danger-700: var(--basic-200);
    --on-danger-800: var(--basic-200);
    --on-danger-900: var(--basic-200);
    --on-basic-100: var(--basic-1000);
    --on-basic-200: var(--basic-1000);
    --on-basic-300: var(--basic-1000);
    --on-basic-400: var(--basic-1000);
    --on-basic-500: var(--basic-1000);
    --on-basic-600: var(--basic-1000);
    --on-basic-700: var(--basic-200);
    --on-basic-800: var(--basic-200);
    --on-basic-900: var(--basic-200);
    --on-basic-1000: var(--basic-200);
    --on-basic-1100: var(--basic-200);
    --primary-transparent-100: rgba(197, 159, 82, 0.08);
    --primary-transparent-200: rgba(197, 159, 82, 0.16);
    --primary-transparent-300: rgba(197, 159, 82, 0.24);
    --primary-transparent-400: rgba(197, 159, 82, 0.32);
    --primary-transparent-500: rgba(197, 159, 82, 0.4);
    --primary-transparent-600: rgba(197, 159, 82, 0.48);
    --secondary-transparent-100: rgba(156, 196, 255, 0.08);
    --secondary-transparent-200: rgba(156, 196, 255, 0.16);
    --secondary-transparent-300: rgba(156, 196, 255, 0.24);
    --secondary-transparent-400: rgba(156, 196, 255, 0.32);
    --secondary-transparent-500: rgba(156, 196, 255, 0.4);
    --secondary-transparent-600: rgba(156, 196, 255, 0.48);
    --accent-transparent-100: rgba(254, 233, 176, 0.08);
    --accent-transparent-200: rgba(254, 233, 176, 0.16);
    --accent-transparent-300: rgba(254, 233, 176, 0.24);
    --accent-transparent-400: rgba(254, 233, 176, 0.32);
    --accent-transparent-500: rgba(254, 233, 176, 0.4);
    --accent-transparent-600: rgba(254, 233, 176, 0.48);
    --basic-transparent-100: rgba(197, 206, 224, 0.08);
    --basic-transparent-200: rgba(197, 206, 224, 0.16);
    --basic-transparent-300: rgba(197, 206, 224, 0.24);
    --basic-transparent-400: rgba(197, 206, 224, 0.32);
    --basic-transparent-500: rgba(197, 206, 224, 0.4);
    --basic-transparent-600: rgba(197, 206, 224, 0.48);
    --success-transparent-100: rgba(232, 251, 196, 0.08);
    --success-transparent-200: rgba(232, 251, 196, 0.16);
    --success-transparent-300: rgba(232, 251, 196, 0.24);
    --success-transparent-400: rgba(232, 251, 196, 0.32);
    --success-transparent-500: rgba(232, 251, 196, 0.4);
    --success-transparent-600: rgba(232, 251, 196, 0.48);
    --danger-transparent-100: rgba(247, 158, 148, 0.08);
    --danger-transparent-200: rgba(247, 158, 148, 0.16);
    --danger-transparent-300: rgba(247, 158, 148, 0.24);
    --danger-transparent-400: rgba(247, 158, 148, 0.32);
    --danger-transparent-500: rgba(247, 158, 148, 0.4);
    --danger-transparent-600: rgba(247, 158, 148, 0.48);
    --alternate-transparent-100: rgba(255, 255, 255, 0.08);
    --alternate-transparent-200: rgba(255, 255, 255, 0.16);
    --alternate-transparent-300: rgba(255, 255, 255, 0.24);
    --alternate-transparent-400: rgba(255, 255, 255, 0.32);
    --alternate-transparent-500: rgba(255, 255, 255, 0.4);
    --alternate-transparent-600: rgba(255, 255, 255, 0.48);
}