refactor: tweak aura tabs styles (#10595)

Author: jouni

packages/aura/src/components/tabs.css

@@ -5,13 +5,14 @@
   --vaadin-tabs-gap: 2px;
   --vaadin-tabs-border-radius: calc(var(--vaadin-tab-border-radius) + var(--vaadin-tabs-padding));
   --vaadin-tabs-padding: 3px;
+  --vaadin-tabs-border-width: 1px;
 }
 
 vaadin-tabs {
   contain: paint;
-  --aura-surface-level: -1.5;
+  --aura-surface-level: -1;
   --aura-surface-opacity: 0.3;
-  background: var(--vaadin-tabs-background, var(--aura-surface-color) padding-box);
+  background: var(--vaadin-tabs-background, var(--aura-surface-color));
 }
 
 vaadin-tabs::part(tabs) {
@@ -81,9 +82,8 @@ vaadin-tab:not([disabled], [selected]):hover {
 vaadin-tab[selected] {
   --aura-surface-level: 6;
   --aura-surface-opacity: 0.7;
-  --vaadin-tab-background: var(--aura-accent-surface) padding-box;
+  --vaadin-tab-background: var(--aura-accent-surface);
   --vaadin-tab-text-color: var(--aura-accent-text-color);
-  --vaadin-tab-border-color: var(--aura-accent-border-color);
   box-shadow: 0 1px 4px -1px var(--aura-shadow-color);
 }