:root,
                :host {
                --color-sf-primary: 158, 4, 45;
                --color-sf-surface-tint-color: 158, 4, 45;

                --color-sf-surface-variant: 41,41,41;

                --color-sf-on-primary: 255, 255, 255;

                --color-sf-primary-container: 196, 104, 129;
                --color-sf-on-primary-container: 255, 255, 255;

                --color-sf-secondary-container: 196, 104, 129;
                --color-sf-inverse-primary: 196, 104, 129;
                }

                .e-card, .e-card:hover, .e-card:active, .e-card:focus  {
                background: rgba(var(--color-sf-surface));
                }