.theme-frozen {
    /* From your values */
    --sys-surface: rgb(16, 36, 50); /* --background-color */
    --sys-surface-1: rgb(39, 59, 73); /* card top */
    --sys-surface-2: rgb(29, 49, 63); /* card bottom (optional gradient) */
    --sys-elevation-1: 1px 1px 4px rgba(0,0,0,.5); /* --product-container-box-shadow */

    --sys-on-surface: rgb(180,200,214); /* --primary-text-color */
    --sys-on-surface-strong: rgb(200,220,234); /* --product-title-text-color */

    --sys-color-primary: #304562; /* --input-border-color */
    --sys-color-secondary: #3aa3b8; /* chosen accent */
    --sys-color-success: #33c26b; /* pick to taste */
    --sys-color-warning: #f2c94c;
    --sys-color-danger: #ef476f;
    --sys-outline: #304562; /* --input-border-color */

    --sys-input-bg: rgb(0,20,34); /* --input-background-color */
    --sys-input-text: rgb(180,200,214);
    --sys-input-placeholder: rgb(150,170,186);
    --sys-input-border: #304562;
    --sys-input-focus-ring: color-mix(in oklab, #304562, white 25%);
    --sys-chip-bg: #415664; /* --tag-background-color */
    --sys-chip-text: rgb(210,220,230); /* --tag-text-color */
    --sys-chip-bg-hover: #596f7e; /* --tag-hover-background-color */
    --sys-chip-radius: .8rem; /* --tag-border-radius */
    --sys-chip-padding: .5rem 1rem; /* --tag-padding */
    --sys-chip-gap: .5rem; /* --tag-margin (horizontal portion) */

    --sys-image-overlay: rgba(0,0,0,.9); /* from --image-overlay-opacity */
}