Updated toolbar and bottom bar design implementation

TBD:
Both toolbars should move away from the screen when scrolling

app/src/main/res/values/attrs.xml

@@ -17,6 +17,7 @@
 
     <!--Card-->
     <attr name="styleCardNormal" format="reference" />
+    <attr name="styleCardElevated" format="reference" />
     <attr name="styleCardOnPrimary" format="reference" />
 
     <!--Button-->

app/src/main/res/values/styles_md2.xml

@@ -30,6 +30,7 @@
         <item name="styleToolbar">@style/WidgetFoundation.Toolbar</item>
 
         <item name="styleCardNormal">@style/WidgetFoundation.Card</item>
+        <item name="styleCardElevated">@style/WidgetFoundation.Card.Elevated</item>
         <item name="styleCardOnPrimary">@style/WidgetFoundation.Card.OnPrimary</item>
 
         <item name="styleButtonDefault">@style/WidgetFoundation.Button</item>

app/src/main/res/values/styles_md2_impl.xml

@@ -27,6 +27,13 @@ variant. Make sure to use style referenced by attribute defined it attrs.xml.
         <item name="cardBackgroundColor">?colorSurfaceVariant</item>
         <item name="cardCornerRadius">@dimen/l_50</item>
         <item name="cardElevation">0dp</item>
+        <item name="cardPreventCornerOverlap">true</item>
+    </style>
+
+
+    <style name="WidgetFoundation.Card.Elevated" parent="Widget.MaterialComponents.CardView">
+        <item name="cardBackgroundColor">?colorSurface</item>
+        <item name="cardElevation">@dimen/l_25</item>
     </style>
 
     <style name="WidgetFoundation.Card.OnPrimary" parent="Widget.MaterialComponents.CardView">
@@ -35,6 +42,7 @@ variant. Make sure to use style referenced by attribute defined it attrs.xml.
         <item name="strokeColor">?colorOnPrimaryVariant</item>
         <item name="strokeWidth">1dp</item>
         <item name="cardBackgroundColor">?colorPrimary</item>
+        <item name="cardPreventCornerOverlap">true</item>
     </style>