🎶 Media Bridge, with audio sync 🎶 (#48)

Co-authored-by: ks0m1c_dharma <sakiyamuni@sams.ara>
Co-authored-by: KosmonautX <avivekbala@gmail.com>

Author: 3 people

assets/css/app.css

@@ -2,6 +2,54 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
+/**
+ *  Root definitions that serve as overridable css variables
+ *
+--chili-red: #E83A21ff;
+--pearl: #E3DABEff;
+--black: #070302ff;
+--dun: #D4CAABff;
+--blood-red: #5B1208ff;
+ **/
+@layer base {
+    :root {
+        --chili-red: #E83A21ff;
+        --pearl: #E3DABEff;
+        --black: #070302ff;
+        --dun: #D4CAABff;
+        --blood-red: #5B1208ff;
+
+        --white-alabaster: #F3EFE3;
+        --linen: #FAF1E6;
+
+        --aerospace-orange: #FD4F00;
+        --coral-orange: #FF8349;
+        --atomic-tangerine: #FF9B6D;
+
+
+        --brown: #922E00;
+        --sienna: #7F2800;
+        --rust: #AE3700;
+
+        --color-brand: var(--aerospace-orange);
+        --color-brand-light: var(--atomic-tangerine);
+        --color-brand-extra-light: var(--linen);
+        --color-brand-accent: var(--aerospace-orange);
+        --color-brand-accent-light: var(--atomic-tangerine);
+
+        --color-brand-dark: var(--brown);
+        --color-brand-extra-dark: var(--sienna);
+
+
+        --color-primary: var(--chili-red);
+        --color-primary-accent: var(--chili-red);
+        --color-primary-background: var(--white-alabaster);
+        --color-secondary: var(--blood-red);
+        --color-secondary-background: var(--dun);
+        --color-text: var(--black)
+    }
+}
+
 /* fonts declared from priv/assets/fonts */
 
 @font-face {
@@ -10,4 +58,10 @@
       url('/fonts/gotu/Gotu-Regular.woff') format('woff'),
       url('/fonts/gotu/Gotu-Regular.ttf') format('ttf');
 }
+
+
 /* This file is for your main   application CSS */
+
+.emphasized-verse {
+  @apply bg-brandAccentLight border-b-0 border-l-8 border-black p-4 pl-8 rounded-sm;
+}