/* * Vanessa brand theme * * The customer theme is opt-in on . The data-mood value selects one * contrast-tested palette while components consume semantic brand tokens. */ html.theme-vanessa { --brand-gold: #d6a158; --brand-gold-rgb: 214, 161, 88; --brand-primary-foreground: #ffffff; --brand-focus-ring: rgba(var(--brand-primary-rgb), .22); } html.theme-vanessa[data-mood="plum"] { --brand-primary: #6a1f53; --brand-primary-rgb: 106, 31, 83; --brand-primary-strong: #4a103b; --brand-secondary: #84517f; --brand-secondary-rgb: 132, 81, 127; --brand-surface: #f2eaf3; --brand-surface-rgb: 242, 234, 243; --brand-surface-soft: #faf7f8; } html.theme-vanessa[data-mood="amethyst"] { --brand-primary: #5b3f8c; --brand-primary-rgb: 91, 63, 140; --brand-primary-strong: #3e265f; --brand-secondary: #8065a6; --brand-secondary-rgb: 128, 101, 166; --brand-surface: #eeeaf7; --brand-surface-rgb: 238, 234, 247; --brand-surface-soft: #f9f7fc; } html.theme-vanessa[data-mood="rosewood"] { --brand-primary: #7a304f; --brand-primary-rgb: 122, 48, 79; --brand-primary-strong: #4d1d32; --brand-secondary: #9a5b70; --brand-secondary-rgb: 154, 91, 112; --brand-surface: #f5e9ed; --brand-surface-rgb: 245, 233, 237; --brand-surface-soft: #fcf7f8; } html.theme-vanessa[data-mood="teal"] { --brand-primary: #0f5367; --brand-primary-rgb: 15, 83, 103; --brand-primary-strong: #083b49; --brand-secondary: #47747a; --brand-secondary-rgb: 71, 116, 122; --brand-surface: #e7f1f1; --brand-surface-rgb: 231, 241, 241; --brand-surface-soft: #f5fafa; } html.theme-vanessa[data-mood="barbie"] { --brand-primary: #b61e69; --brand-primary-rgb: 182, 30, 105; --brand-primary-strong: #7e1248; --brand-secondary: #a83a72; --brand-secondary-rgb: 168, 58, 114; --brand-surface: #fde7f3; --brand-surface-rgb: 253, 231, 243; --brand-surface-soft: #fff5fa; }