diff --git a/.changeset/white-outline-tabs.md b/.changeset/white-outline-tabs.md
new file mode 100644
index 00000000..3504c13d
--- /dev/null
+++ b/.changeset/white-outline-tabs.md
@@ -0,0 +1,7 @@
+---
+"@tailor-platform/app-shell": patch
+---
+
+Button `outline` now has a transparent background (like Input) instead of `--background`, and no shadow, so it no longer shows up as a slightly gray fill on white surfaces such as `Card`. The `cream` and `bloom` themes no longer need their own transparent override for outline buttons, so those rules are removed.
+
+Tabs `capsule` uses a translucent black track (`bg-black/5`) instead of `--background`, and the active capsule tab uses `--card` (white in light mode, a slightly lighter `bg-input/60` in dark mode) instead of a tinted `bg-primary/10`, so it no longer follows the theme colour.
diff --git a/packages/core/__snapshots__/src__components__button__button.test.tsx.snap b/packages/core/__snapshots__/src__components__button__button.test.tsx.snap
index c172b731..35133987 100644
--- a/packages/core/__snapshots__/src__components__button__button.test.tsx.snap
+++ b/packages/core/__snapshots__/src__components__button__button.test.tsx.snap
@@ -16,7 +16,7 @@ exports[`Button > snapshots > large size 1`] = `"<button type="button" data-slot
 
 exports[`Button > snapshots > link variant 1`] = `"<button type="button" data-slot="button" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:gap-2 astw:whitespace-nowrap astw:rounded-md astw:text-sm astw:font-medium astw:transition-all astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:[&amp;_svg]:pointer-events-none astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:shrink-0 astw:[&amp;_svg]:shrink-0 astw:outline-none astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px] astw:aria-invalid:ring-destructive/20 astw:dark:aria-invalid:ring-destructive/40 astw:aria-invalid:border-destructive astw:text-primary astw:underline-offset-4 astw:hover:underline astw:h-9 astw:px-4 astw:py-2 astw:has-[>svg]:px-3">Link</button>"`;
 
-exports[`Button > snapshots > outline variant 1`] = `"<button type="button" data-slot="button" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:gap-2 astw:whitespace-nowrap astw:rounded-md astw:text-sm astw:font-medium astw:transition-all astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:[&amp;_svg]:pointer-events-none astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:shrink-0 astw:[&amp;_svg]:shrink-0 astw:outline-none astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px] astw:aria-invalid:ring-destructive/20 astw:dark:aria-invalid:ring-destructive/40 astw:aria-invalid:border-destructive astw:border astw:border-border astw:bg-background astw:shadow-xs astw:hover:bg-accent astw:hover:text-accent-foreground astw:dark:bg-input/30 astw:dark:border-input astw:dark:hover:bg-input/50 astw:h-9 astw:px-4 astw:py-2 astw:has-[>svg]:px-3">Outline</button>"`;
+exports[`Button > snapshots > outline variant 1`] = `"<button type="button" data-slot="button" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:gap-2 astw:whitespace-nowrap astw:rounded-md astw:text-sm astw:font-medium astw:transition-all astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:[&amp;_svg]:pointer-events-none astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:shrink-0 astw:[&amp;_svg]:shrink-0 astw:outline-none astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px] astw:aria-invalid:ring-destructive/20 astw:dark:aria-invalid:ring-destructive/40 astw:aria-invalid:border-destructive astw:border astw:border-border astw:bg-transparent astw:hover:bg-accent astw:hover:text-accent-foreground astw:dark:bg-input/30 astw:dark:border-input astw:dark:hover:bg-input/50 astw:h-9 astw:px-4 astw:py-2 astw:has-[>svg]:px-3">Outline</button>"`;
 
 exports[`Button > snapshots > secondary variant 1`] = `"<button type="button" data-slot="button" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:gap-2 astw:whitespace-nowrap astw:rounded-md astw:text-sm astw:font-medium astw:transition-all astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:[&amp;_svg]:pointer-events-none astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:shrink-0 astw:[&amp;_svg]:shrink-0 astw:outline-none astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px] astw:aria-invalid:ring-destructive/20 astw:dark:aria-invalid:ring-destructive/40 astw:aria-invalid:border-destructive astw:bg-secondary astw:text-secondary-foreground astw:shadow-xs astw:hover:bg-secondary/80 astw:h-9 astw:px-4 astw:py-2 astw:has-[>svg]:px-3">Secondary</button>"`;
 
diff --git a/packages/core/__snapshots__/src__components__tabs__tabs.test.tsx.snap b/packages/core/__snapshots__/src__components__tabs__tabs.test.tsx.snap
index b0c937d6..ef132212 100644
--- a/packages/core/__snapshots__/src__components__tabs__tabs.test.tsx.snap
+++ b/packages/core/__snapshots__/src__components__tabs__tabs.test.tsx.snap
@@ -1,14 +1,14 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Tabs > snapshots > capsule variant 1`] = `"<div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" class="astw:relative astw:inline-flex astw:items-center astw:justify-center astw:gap-0.5 astw:rounded-md astw:bg-background astw:dark:bg-input/30 astw:p-1"><button type="button" data-active="" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="0" role="tab" aria-selected="true" id="base-ui-_r_i_" data-composite-item-active="" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-primary/10 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-7 astw:has-[>svg:only-child]:min-w-7" aria-controls="base-ui-_r_k_">Tab 1</button><button type="button" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_r_j_" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-primary/10 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-7 astw:has-[>svg:only-child]:min-w-7">Tab 2</button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_r_k_" role="tabpanel" tabindex="0" data-index="0" data-slot="tabs-panel" class="astw:mt-2 astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px]" aria-labelledby="base-ui-_r_i_">Content 1</div></div>"`;
+exports[`Tabs > snapshots > capsule variant 1`] = `"<div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" class="astw:relative astw:inline-flex astw:items-center astw:justify-center astw:gap-0.5 astw:rounded-md astw:bg-black/5 astw:dark:bg-input/30 astw:p-1"><button type="button" data-active="" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="0" role="tab" aria-selected="true" id="base-ui-_r_i_" data-composite-item-active="" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-card astw:dark:data-active:bg-input/60 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-7 astw:has-[>svg:only-child]:min-w-7" aria-controls="base-ui-_r_k_">Tab 1</button><button type="button" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_r_j_" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-card astw:dark:data-active:bg-input/60 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-7 astw:has-[>svg:only-child]:min-w-7">Tab 2</button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_r_k_" role="tabpanel" tabindex="0" data-index="0" data-slot="tabs-panel" class="astw:mt-2 astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px]" aria-labelledby="base-ui-_r_i_">Content 1</div></div>"`;
 
-exports[`Tabs > snapshots > capsule variant with icon-only tabs (square) 1`] = `"<div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" class="astw:relative astw:inline-flex astw:items-center astw:justify-center astw:gap-0.5 astw:rounded-md astw:bg-background astw:dark:bg-input/30 astw:p-1"><button type="button" data-active="" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="0" role="tab" aria-selected="true" id="base-ui-_r_m_" data-composite-item-active="" data-slot="tabs-tab" aria-label="Table view" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-primary/10 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-7 astw:has-[>svg:only-child]:min-w-7" aria-controls="base-ui-_r_o_"><svg viewBox="0 0 16 16"></svg></button><button type="button" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_r_n_" data-slot="tabs-tab" aria-label="Board view" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-primary/10 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-7 astw:has-[>svg:only-child]:min-w-7"><svg viewBox="0 0 16 16"></svg></button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_r_o_" role="tabpanel" tabindex="0" data-index="0" data-slot="tabs-panel" class="astw:mt-2 astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px]" aria-labelledby="base-ui-_r_m_">Table content</div></div>"`;
+exports[`Tabs > snapshots > capsule variant with icon-only tabs (square) 1`] = `"<div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" class="astw:relative astw:inline-flex astw:items-center astw:justify-center astw:gap-0.5 astw:rounded-md astw:bg-black/5 astw:dark:bg-input/30 astw:p-1"><button type="button" data-active="" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="0" role="tab" aria-selected="true" id="base-ui-_r_m_" data-composite-item-active="" data-slot="tabs-tab" aria-label="Table view" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-card astw:dark:data-active:bg-input/60 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-7 astw:has-[>svg:only-child]:min-w-7" aria-controls="base-ui-_r_o_"><svg viewBox="0 0 16 16"></svg></button><button type="button" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_r_n_" data-slot="tabs-tab" aria-label="Board view" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-card astw:dark:data-active:bg-input/60 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-7 astw:has-[>svg:only-child]:min-w-7"><svg viewBox="0 0 16 16"></svg></button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_r_o_" role="tabpanel" tabindex="0" data-index="0" data-slot="tabs-panel" class="astw:mt-2 astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px]" aria-labelledby="base-ui-_r_m_">Table content</div></div>"`;
 
-exports[`Tabs > snapshots > capsule variant with lg size 1`] = `"<div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" class="astw:relative astw:inline-flex astw:items-center astw:justify-center astw:gap-0.5 astw:rounded-md astw:bg-background astw:dark:bg-input/30 astw:p-1"><button type="button" data-active="" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="0" role="tab" aria-selected="true" id="base-ui-_r_12_" data-composite-item-active="" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-primary/10 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-8 astw:has-[>svg:only-child]:min-w-8" aria-controls="base-ui-_r_14_">Tab 1</button><button type="button" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_r_13_" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-primary/10 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-8 astw:has-[>svg:only-child]:min-w-8">Tab 2</button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_r_14_" role="tabpanel" tabindex="0" data-index="0" data-slot="tabs-panel" class="astw:mt-2 astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px]" aria-labelledby="base-ui-_r_12_">Content 1</div></div>"`;
+exports[`Tabs > snapshots > capsule variant with lg size 1`] = `"<div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" class="astw:relative astw:inline-flex astw:items-center astw:justify-center astw:gap-0.5 astw:rounded-md astw:bg-black/5 astw:dark:bg-input/30 astw:p-1"><button type="button" data-active="" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="0" role="tab" aria-selected="true" id="base-ui-_r_12_" data-composite-item-active="" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-card astw:dark:data-active:bg-input/60 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-8 astw:has-[>svg:only-child]:min-w-8" aria-controls="base-ui-_r_14_">Tab 1</button><button type="button" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_r_13_" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-card astw:dark:data-active:bg-input/60 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-8 astw:has-[>svg:only-child]:min-w-8">Tab 2</button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_r_14_" role="tabpanel" tabindex="0" data-index="0" data-slot="tabs-panel" class="astw:mt-2 astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px]" aria-labelledby="base-ui-_r_12_">Content 1</div></div>"`;
 
-exports[`Tabs > snapshots > capsule variant with sm size 1`] = `"<div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" class="astw:relative astw:inline-flex astw:items-center astw:justify-center astw:gap-0.5 astw:rounded-md astw:bg-background astw:dark:bg-input/30 astw:p-1"><button type="button" data-active="" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="0" role="tab" aria-selected="true" id="base-ui-_r_u_" data-composite-item-active="" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-primary/10 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-6 astw:has-[>svg:only-child]:min-w-6" aria-controls="base-ui-_r_10_">Tab 1</button><button type="button" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_r_v_" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-primary/10 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-6 astw:has-[>svg:only-child]:min-w-6">Tab 2</button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_r_10_" role="tabpanel" tabindex="0" data-index="0" data-slot="tabs-panel" class="astw:mt-2 astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px]" aria-labelledby="base-ui-_r_u_">Content 1</div></div>"`;
+exports[`Tabs > snapshots > capsule variant with sm size 1`] = `"<div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" class="astw:relative astw:inline-flex astw:items-center astw:justify-center astw:gap-0.5 astw:rounded-md astw:bg-black/5 astw:dark:bg-input/30 astw:p-1"><button type="button" data-active="" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="0" role="tab" aria-selected="true" id="base-ui-_r_u_" data-composite-item-active="" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-card astw:dark:data-active:bg-input/60 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-6 astw:has-[>svg:only-child]:min-w-6" aria-controls="base-ui-_r_10_">Tab 1</button><button type="button" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_r_v_" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-card astw:dark:data-active:bg-input/60 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-6 astw:has-[>svg:only-child]:min-w-6">Tab 2</button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_r_10_" role="tabpanel" tabindex="0" data-index="0" data-slot="tabs-panel" class="astw:mt-2 astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px]" aria-labelledby="base-ui-_r_u_">Content 1</div></div>"`;
 
-exports[`Tabs > snapshots > capsule variant with xs size 1`] = `"<div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" class="astw:relative astw:inline-flex astw:items-center astw:justify-center astw:gap-0.5 astw:rounded-md astw:bg-background astw:dark:bg-input/30 astw:p-1"><button type="button" data-active="" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="0" role="tab" aria-selected="true" id="base-ui-_r_q_" data-composite-item-active="" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-primary/10 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-5 astw:has-[>svg:only-child]:min-w-5" aria-controls="base-ui-_r_s_">Tab 1</button><button type="button" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_r_r_" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-primary/10 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-5 astw:has-[>svg:only-child]:min-w-5">Tab 2</button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_r_s_" role="tabpanel" tabindex="0" data-index="0" data-slot="tabs-panel" class="astw:mt-2 astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px]" aria-labelledby="base-ui-_r_q_">Content 1</div></div>"`;
+exports[`Tabs > snapshots > capsule variant with xs size 1`] = `"<div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" class="astw:relative astw:inline-flex astw:items-center astw:justify-center astw:gap-0.5 astw:rounded-md astw:bg-black/5 astw:dark:bg-input/30 astw:p-1"><button type="button" data-active="" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="0" role="tab" aria-selected="true" id="base-ui-_r_q_" data-composite-item-active="" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-card astw:dark:data-active:bg-input/60 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-5 astw:has-[>svg:only-child]:min-w-5" aria-controls="base-ui-_r_s_">Tab 1</button><button type="button" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_r_r_" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&amp;_svg:not([class*='size-'])]:size-4 astw:data-active:bg-card astw:dark:data-active:bg-input/60 astw:data-active:text-primary astw:data-active:shadow-sm astw:min-h-5 astw:has-[>svg:only-child]:min-w-5">Tab 2</button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_r_s_" role="tabpanel" tabindex="0" data-index="0" data-slot="tabs-panel" class="astw:mt-2 astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px]" aria-labelledby="base-ui-_r_q_">Content 1</div></div>"`;
 
 exports[`Tabs > snapshots > default tabs 1`] = `"<div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" class="astw:relative astw:inline-flex astw:items-center astw:justify-center astw:text-muted-foreground astw:h-9 astw:gap-1"><button type="button" data-active="" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="0" role="tab" aria-selected="true" id="base-ui-_r_0_" data-composite-item-active="" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:py-1 astw:data-active:bg-primary/10 astw:data-active:text-primary" aria-controls="base-ui-_r_2_">Tab 1</button><button type="button" data-orientation="horizontal" data-activation-direction="none" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_r_1_" data-slot="tabs-tab" class="astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:whitespace-nowrap astw:text-sm astw:font-medium astw:transition-[color,box-shadow] astw:duration-200 astw:text-muted-foreground astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px] astw:data-disabled:pointer-events-none astw:data-disabled:opacity-50 astw:rounded-md astw:px-3 astw:py-1 astw:data-active:bg-primary/10 astw:data-active:text-primary">Tab 2</button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_r_2_" role="tabpanel" tabindex="0" data-index="0" data-slot="tabs-panel" class="astw:mt-2 astw:focus-visible:outline-ring/70 astw:focus-visible:ring-ring/50 astw:focus-visible:outline-1 astw:focus-visible:ring-[3px]" aria-labelledby="base-ui-_r_0_">Content 1</div></div>"`;
 
diff --git a/packages/core/src/assets/themes/bloom.css b/packages/core/src/assets/themes/bloom.css
index 2835473a..4c158d4b 100644
--- a/packages/core/src/assets/themes/bloom.css
+++ b/packages/core/src/assets/themes/bloom.css
@@ -146,15 +146,9 @@ html
   background-color: transparent;
 }
 
-html [data-slot="button"][class*="astw:bg-background"][class*="astw:border"],
 html [data-slot="data-table-filter-chip"] {
   background-color: transparent;
   transition:
     background-color 0.12s ease,
     color 0.12s ease;
 }
-
-html [data-slot="button"][class*="astw:bg-background"][class*="astw:border"]:hover:not(:disabled) {
-  background-color: var(--accent);
-  color: var(--accent-foreground);
-}
diff --git a/packages/core/src/assets/themes/cream.css b/packages/core/src/assets/themes/cream.css
index 3d582870..43a9290f 100644
--- a/packages/core/src/assets/themes/cream.css
+++ b/packages/core/src/assets/themes/cream.css
@@ -146,15 +146,9 @@ html
   background-color: transparent;
 }
 
-html [data-slot="button"][class*="astw:bg-background"][class*="astw:border"],
 html [data-slot="data-table-filter-chip"] {
   background-color: transparent;
   transition:
     background-color 0.12s ease,
     color 0.12s ease;
 }
-
-html [data-slot="button"][class*="astw:bg-background"][class*="astw:border"]:hover:not(:disabled) {
-  background-color: var(--accent);
-  color: var(--accent-foreground);
-}
diff --git a/packages/core/src/components/button/button.tsx b/packages/core/src/components/button/button.tsx
index a99167cb..2ff243ac 100644
--- a/packages/core/src/components/button/button.tsx
+++ b/packages/core/src/components/button/button.tsx
@@ -16,7 +16,7 @@ const buttonVariants = cva(
         destructive:
           "astw:bg-destructive astw:text-white astw:shadow-xs astw:hover:bg-destructive/90 astw:focus-visible:ring-destructive/20 astw:dark:focus-visible:ring-destructive/40 astw:dark:bg-destructive/60",
         outline:
-          "astw:border astw:border-border astw:bg-background astw:shadow-xs astw:hover:bg-accent astw:hover:text-accent-foreground astw:dark:bg-input/30 astw:dark:border-input astw:dark:hover:bg-input/50",
+          "astw:border astw:border-border astw:bg-transparent astw:hover:bg-accent astw:hover:text-accent-foreground astw:dark:bg-input/30 astw:dark:border-input astw:dark:hover:bg-input/50",
         secondary:
           "astw:bg-secondary astw:text-secondary-foreground astw:shadow-xs astw:hover:bg-secondary/80",
         ghost:
diff --git a/packages/core/src/components/tabs/tabs.tsx b/packages/core/src/components/tabs/tabs.tsx
index f240f966..a5657bed 100644
--- a/packages/core/src/components/tabs/tabs.tsx
+++ b/packages/core/src/components/tabs/tabs.tsx
@@ -9,14 +9,14 @@ type TabsSize = "xs" | "sm" | "default" | "lg";
 
 const LIST_VARIANT_CLASSES: Record<TabsVariant, string> = {
   line: "astw:h-9 astw:gap-2",
-  capsule: "astw:gap-0.5 astw:rounded-md astw:bg-background astw:dark:bg-input/30 astw:p-1",
+  capsule: "astw:gap-0.5 astw:rounded-md astw:bg-black/5 astw:dark:bg-input/30 astw:p-1",
   default: "astw:text-muted-foreground astw:h-9 astw:gap-1",
 };
 
 const TAB_VARIANT_CLASSES: Record<TabsVariant, string> = {
   line: "astw:px-3 astw:py-1.5 astw:-mb-px astw:border-b-2 astw:border-transparent astw:data-active:border-primary astw:data-active:text-foreground",
   capsule:
-    "astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&_svg:not([class*='size-'])]:size-4 astw:data-active:bg-primary/10 astw:data-active:text-primary astw:data-active:shadow-sm",
+    "astw:rounded-md astw:px-3 astw:has-[>svg:only-child]:px-0 astw:[&_svg:not([class*='size-'])]:size-4 astw:data-active:bg-card astw:dark:data-active:bg-input/60 astw:data-active:text-primary astw:data-active:shadow-sm",
   default:
     "astw:rounded-md astw:px-3 astw:py-1 astw:data-active:bg-primary/10 astw:data-active:text-primary",
 };