:root {
    --font-sans: "Inter", "Segoe UI", sans-serif;
    --theme-accent: #0f172a;
    --background: #ffffff;
    --foreground: #0f172a;
    --card: #ffffff;
    --card-foreground: #0f172a;
    --popover: #ffffff;
    --popover-foreground: #0f172a;
    --primary: var(--theme-accent);
    --primary-foreground: #ffffff;
    --secondary: #f1f5f9;
    --secondary-foreground: #0f172a;
    --muted: #f8fafc;
    --muted-foreground: #475569;
    --accent: #f1f5f9;
    --accent-foreground: #0f172a;
    --border: #e2e8f0;
    --input: #e2e8f0;
    --ring: var(--theme-accent);
}

body {
    margin: 0;
    font-family: var(--font-sans);
    color: #0f172a;
    background: #f8fafc;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.btn-primary,
.btn-sm-primary,
.btn-lg-primary,
.btn-icon-primary,
.btn-sm-icon-primary,
.btn-lg-icon-primary {
    background-color: var(--primary);
    color: var(--primary-foreground);
}

.btn.btn-outline,
.btn.btn-ghost,
.btn.btn-link,
.btn-sm.btn-outline,
.btn-sm.btn-ghost,
.btn-sm.btn-link,
.btn-lg.btn-outline,
.btn-lg.btn-ghost,
.btn-lg.btn-link,
.btn-icon.btn-icon-outline,
.btn-icon.btn-icon-ghost,
.btn-icon.btn-icon-link,
.btn-sm-icon.btn-sm-icon-outline,
.btn-sm-icon.btn-sm-icon-ghost,
.btn-sm-icon.btn-sm-icon-link,
.btn-lg-icon.btn-lg-icon-outline,
.btn-lg-icon.btn-lg-icon-ghost,
.btn-lg-icon.btn-lg-icon-link,
.btn-outline,
.btn-sm-outline,
.btn-lg-outline,
.btn-icon-outline,
.btn-sm-icon-outline,
.btn-lg-icon-outline,
.btn-ghost,
.btn-sm-ghost,
.btn-lg-ghost,
.btn-icon-ghost,
.btn-sm-icon-ghost,
.btn-lg-icon-ghost,
.btn-link,
.btn-sm-link,
.btn-lg-link,
.btn-icon-link,
.btn-sm-icon-link,
.btn-lg-icon-link {
    color: var(--foreground);
    background-color: var(--background);
}

button[data-shop-wishlist-active="true"] {
    color: #000;
    background-color: #fff;
    border-color: #000;
}

button[data-shop-wishlist-active="true"] svg {
    transform: scale(1.03);
}

button[data-shop-wishlist-active="true"] svg path {
    fill: currentColor;
    stroke: currentColor;
}