feat(SW-93): add mocked facility cards

components/TempDesignSystem/Card/card.module.css

@@ -1,15 +1,29 @@
 .container {
   align-items: center;
   display: flex;
-  border-radius: var(--Corner-radius-xLarge);
+  border-radius: var(--Corner-radius-Medium);
   flex-direction: column;
-  gap: var(--Spacing-x2);
-  height: 480px;
+  height: 320px; /* Fixed height from Figma */
   justify-content: center;
   margin-right: var(--Spacing-x2);
-  padding: var(--Spacing-x0) var(--Spacing-x4);
   text-align: center;
   width: 100%;
+  text-wrap: balance;
+  overflow: hidden;
+}
+
+.image {
+  object-fit: cover;
+  overflow: hidden;
+  width: 100%;
+  height: auto;
+  min-height: 320px; /* Fixed height from Figma */
+}
+
+.content {
+  margin: var(--Spacing-x0) var(--Spacing-x4);
+  display: grid;
+  gap: var(--Spacing-x2);
 }
 
 .themeOne {
@@ -33,6 +47,42 @@
   background: var(--Tertiary-Light-Surface-Normal);
 }
 
+.themePrimaryDark {
+  --font-color: var(--Primary-Dark-On-Surface-Text);
+  --script-color: var(--Primary-Dark-On-Surface-Accent);
+
+  background: var(--Primary-Dark-Surface-Normal);
+}
+
+.themePrimaryDim {
+  --font-color: var(--Primary-Light-On-Surface-Text);
+  --script-color: var(--Primary-Dim-On-Surface-Accent);
+
+  background: var(--Primary-Dim-Surface-Normal);
+}
+
+.themePrimaryInverted {
+  --font-color: var(--Primary-Light-On-Surface-Text);
+  --script-color: var(--Primary-Light-On-Surface-Accent);
+
+  background: var(--Base-Surface-Primary-light-Normal);
+}
+
+.themePrimaryStrong {
+  --font-color: var(--Primary-Strong-On-Surface-Text);
+  --script-color: var(--Primary-Strong-On-Surface-Accent);
+
+  background: var(--Primary-Strong-Surface-Normal);
+}
+
+.themeImage {
+  --font-color: var(--Base-Text-Inverted);
+  --script-color: var(--Base-Text-Inverted);
+
+  border: 1px; /* px from Figma */
+  border-color: var(--Base-Border-Subtle);
+}
+
 .scriptContainer {
   display: grid;
   gap: var(--Spacing-x1);
@@ -42,7 +92,6 @@ span.scriptedTitle {
   color: var(--script-color);
   padding: var(--Spacing-x1);
   margin: 0;
-  transform: rotate(-3deg);
 }
 
 .heading {