34 lines
1.3 KiB
CSS
34 lines
1.3 KiB
CSS
/* 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);
|
|
} |