/* wwwroot/css/theme.warm.css */
.theme-warm {
    /* Surfaces & elevation */
    --sys-surface: #1f1713; /* deep cocoa */
    --sys-surface-1: #2a1d18; /* card top */
    --sys-surface-2: #241914; /* card bottom */
    --sys-elevation-1: 0 1px 6px rgba(0,0,0,.45);
    /* Text */
    --sys-on-surface: #decfca; /* warm sand */
    --sys-on-surface-strong: #f6e9e3; /* lighter highlight */
    /* Brand roles */
    --sys-color-primary: #d67a2b; /* toasted orange */
    --sys-color-secondary: #b84d7a; /* berry accent */
    --sys-color-success: #5fbf6b; /* fresh green */
    --sys-color-warning: #e6b34e; /* honey */
    --sys-color-danger: #e0564e; /* ember red */
    /* Borders / outlines */
    --sys-outline: #8e5e3c; /* bronze */
    /* Inputs */
    --sys-input-bg: #201713; /* dark mocha */
    --sys-input-text: var(--sys-on-surface);
    --sys-input-placeholder: #c5b4ae;
    --sys-input-border: #8e5e3c;
    --sys-input-focus-ring: color-mix(in oklab, var(--sys-color-primary), white 25%);
    /* Tags / chips */
    --sys-chip-bg: #3a2720; /* cinnamon */
    --sys-chip-text: #eddcd6;
    --sys-chip-bg-hover: #4a322a; /* deeper */
    --sys-chip-radius: .8rem;
    --sys-chip-padding: .5rem 1rem;
    --sys-chip-gap: .5rem;
    /* Overlays / imagery */
    --sys-image-overlay: rgba(0,0,0,.85);
}