:root,
                :host {
                --color-sf-primary: 218, 141, 0;
                --color-sf-surface-tint-color: 218, 141, 0;

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

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

                --color-sf-primary-container: 232, 186, 102;
                --color-sf-on-primary-container: 255, 255, 255;

                --color-sf-secondary-container: 232, 186, 102;
                --color-sf-inverse-primary: 232, 186, 102;
                }

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