:root { --vs-color-primary: #191917; --vs-color-primary-hover: #2c2c2c; --vs-color-primary-light: #f2f1ef; --vs-color-primary-dark: #0d0d0b; --vs-color-secondary: #c2102a; --vs-color-secondary-hover: #9f0d22; --vs-color-secondary-light: #f8e7ea; --vs-color-secondary-dark: #760919; --vs-color-accent: #c8a050; --vs-color-accent-hover: #8b7355; --vs-color-accent-light: #f5f0e8; --vs-color-text: #191917; --vs-color-text-secondary: #2c2c2c; --vs-color-text-muted: #888880; --vs-color-text-inverse: #ffffff; --vs-color-bg: #fafaf8; --vs-color-bg-soft: #f0ede8; --vs-color-bg-muted: #f2f1ef; --vs-color-bg-dark: #0d0d0b; --vs-color-border: #e8e0d5; --vs-color-border-strong: #c0c0b8; --vs-color-focus: #2563eb; --vs-color-success: #18864b; --vs-color-warning: #b76e00; --vs-color-error: #c2102a; --vs-color-info: #2563eb; --vs-color-overlay-light: rgb(0 0 0 / 25%); --vs-color-overlay-medium: rgb(0 0 0 / 50%); --vs-color-overlay-dark: rgb(0 0 0 / 70%);}