:root { --color-primary: #E24E2B; --color-secondary: #2A2E48; --color-neutral: #D9C3A3; --color-attention: #c9a44b; --color-bg-day: #F2EBDF; --color-bg-night: #2A2E48; --color-surface: #FAF6F0; --color-text: 1C1C1C; --text-muted: #6B6B6B; --text-night: #F2EBDF; --text-primary: #E24E2B; --text-secondary: #2A2E48; --text-white: #ffffff; --color-overlay-light: rgba(242, 235, 223, 0.85); --color-overlay-dark: rgba(42, 46, 72, 0.75);}.bg-color-primary { background-color: var(--color-primary); }.border-color-primary { border-color: var(--color-primary); }.outline-color-primary { outline-color: var(--color-primary); }.fill-color-primary { fill: var(--color-primary); }.stroke-color-primary { stroke: var(--color-primary); }.bg-color-secondary { background-color: var(--color-secondary); }.text-color-secondary { color: var(--color-secondary); }.border-color-secondary { border-color: var(--color-secondary); }.outline-color-secondary { outline-color: var(--color-secondary); }.fill-color-secondary { fill: var(--color-secondary); }.stroke-color-secondary { stroke: var(--color-secondary); }.bg-color-neutral { background-color: var(--color-neutral); }.border-color-neutral { border-color: var(--color-neutral); }.fill-color-neutral { fill: var(--color-neutral); }.stroke-color-neutral { stroke: var(--color-neutral); }.bg-color-attention { background-color: var(--color-attention); }.bg-color-bg-day { background-color: var(--color-bg-day); }.bg-color-bg-night { background-color: var(--color-bg-night); }.bg-color-surface { background-color: var(--color-surface); }.text-color-text { color: var(--color-text); }.text-text-muted { color: var(--text-muted); }.text-text-night { color: var(--text-night); }.text-text-primary { color: var(--text-primary); }.text-text-secondary { color: var(--text-secondary); }.text-text-white { color: var(--text-white); }.bg-color-overlay-light { background-color: var(--color-overlay-light); }.bg-color-overlay-dark { background-color: var(--color-overlay-dark); }