@charset "utf-8";

:root[data-bombas-theme="legacy"] { --background: var(--legacy-white); --foreground: var(--legacy-black); --muted-background: var(--legacy-offwhite); --muted-foreground: var(--legacy-grey-60); --card: var(--legacy-white); --card-foreground: var(--legacy-black); --popover: var(--legacy-white); --popover-foreground: var(--legacy-black); --hover: var(--legacy-grey-20); --border: var(--legacy-grey-40); --ring: var(--legacy-grey-80); --primary: var(--legacy-blue-60); --primary-foreground: var(--legacy-white); --primary-hover: var(--legacy-blue-50); --destructive: var(--legacy-red-50); --destructive-foreground: var(--legacy-white); --success: var(--legacy-green-50); --success-foreground: var(--legacy-white); --accent: var(--legacy-green-40); --accent-foreground: var(--legacy-white); --focus: var(--legacy-blue-40); --overlay: rgba(3, 3, 2, 0.5); --shadow: 0 0 8px 4px rgba(16, 14, 32, 0.08); --shadow-inner: inset 0 4px 16px 4px rgba(3, 3, 2, 0.01); --product-image-background: var(--legacy-grey-20); }

:root[data-bombas-theme="2025-rebrand"] { --background: var(--white); --foreground: var(--black); --muted-background: var(--offwhite); --muted-foreground: var(--grey-60); --card: var(--white); --card-foreground: var(--black); --popover: var(--white); --popover-foreground: var(--black); --hover: var(--grey-20); --border: var(--grey-40); --ring: var(--grey-80); --primary: var(--blue-60); --primary-foreground: var(--white); --primary-hover: var(--blue-50); --destructive: var(--red-50); --destructive-foreground: var(--white); --success: var(--green-50); --success-foreground: var(--white); --accent: var(--green-40); --accent-foreground: var(--white); --focus: var(--blue-40); --overlay: rgba(3, 3, 2, 0.6); --shadow: 0 0 8px 4px rgba(16, 14, 32, 0.08); --shadow-inner: inset 0 4px 16px 4px rgba(3, 3, 2, 0.01); --product-image-background: var(--legacy-grey-20); }