Rename card variables to "raised"

app/assets/stylesheets/_variables.scss

@@ -54,9 +54,9 @@ $avatar-sizes: (
 
 :root {
   --background: #f0edf4;
-  --card-bg: #ffffff;
-  --card-cap-bg: #f7f7f7;
   --input-bg: #ffffff;
+  --raised-bg: #ffffff;
+  --raised-accent: #f7f7f7;
 
   /**
    NOTE for all *-text variables

app/assets/stylesheets/components/_notifications.scss

@@ -41,7 +41,7 @@
 
   .list-group-item {
     margin-top: map-get($spacers, 2);
-    background-color: var(--card-cap-bg);
+    background-color: var(--raised-accent);
 
     p {
       margin-bottom: 0;

app/assets/stylesheets/overrides/_card.scss

@@ -1,7 +1,7 @@
 .card {
   margin-bottom: map-get($spacers, 3);
   box-shadow: $box-shadow-sm;
-  background-color: var(--card-bg);
+  background-color: var(--raised-bg);
 
   p:only-child {
     margin-bottom: 0;
@@ -10,5 +10,5 @@
 
 .card-header,
 .card-footer {
-  background-color: var(--card-cap-bg);
+  background-color: var(--raised-accent);
 }

app/helpers/theme_helper.rb

@@ -64,7 +64,7 @@ module ThemeHelper
       'info_text' => 'info-text',
       'success_color' => 'success',
       'success_text' => 'success-text',
-      'panel_color' => 'card-bg',
+      'panel_color' => 'raised-bg',
       'background_color' => 'background',
       'background_text' => 'body-text',
       'input_color' => 'input-bg',