wip: add subtle borders

Author: ben-basten

app/assets/css/_component.css

@@ -23,7 +23,7 @@
 }
 
 @utility form-container {
-  @apply bg-secondary rounded-lg overflow-hidden px-side-mobile md:px-10 py-10 max-w-160 w-full;
+  @apply bg-secondary rounded-lg overflow-hidden px-side-mobile md:px-10 py-10 max-w-160 w-full border border-black/10;
 }
 
 /* Dark variant links for fifty-fifty module */

app/components/modules/FiftyFiftySecondary.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="grid-12 bg-secondary max-md:-mx-side-mobile md:px-0 md:rounded-2xl overflow-hidden"
+    class="grid-12 bg-secondary max-md:-mx-side-mobile md:px-0 md:rounded-2xl overflow-hidden border border-black/10"
   >
     <div
       class="col-span-12 max-md:order-2 md:col-span-5 max-w-copy max-md:mx-side-mobile flex flex-col justify-center gap-y-6 py-10"

app/components/modules/Schedule.vue

@@ -19,7 +19,7 @@
       <div
         v-for="(event, index) in events"
         :key="index"
-        class="rounded-xl p-6 text-center bg-secondary"
+        class="rounded-xl p-6 text-center bg-secondary border border-black/10"
       >
         <Heading as="h4" class="mb-2">{{ event.title }}</Heading>
         <RichTextRenderer