Styles: Adjust coveo styling to match branding

Author: TasoOneAsia

assets/css/v2/style.css

@@ -38,9 +38,7 @@
 
 :root {
   /* webfonts */
-  font-family: "Inter var", system-ui, -apple-system, BlinkMacSystemFont,
-    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
-    sans-serif;
+  font-family: var(--font-family);
   font-feature-settings: "liga" on, "calt" on;
 
   /* fallback to slightly thinner font on browsers without variable 'wght' support */
@@ -51,6 +49,9 @@
 
   /* MARK: Variables
   */
+  --font-family: "Inter var", system-ui, -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
+    sans-serif;
   --color-brand: 56.6% 0.194 147.7;
   --color-brand-300: 0.84 0.0699 157.51;
   --color-brand-200: 0.91 0.0406 157.72;
@@ -144,7 +145,9 @@ h6 {
 
 @supports (font-variation-settings: normal) {
   :root {
-    font-family: InterVariable, sans-serif;
+    --font-family: InterVariable, system-ui, -apple-system, BlinkMacSystemFont,
+      "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
+      sans-serif;
   }
 
   h1,
@@ -716,10 +719,12 @@ nav {
   width: 95vw;
   grid-column: 1 / -1;
   --atomic-primary: oklch(var(--color-brand));
+  --atomic-primary-ring: oklch(var(--color-brand));
+  --atomic-primary-light: oklch(var(--color-brand));
   --atomic-border-radius-lg: 0;
   --atomic-border-radius-md: 0;
   --atomic-border-radius: 0;
-  --atomic-font-family: inherit;
+  --atomic-font-family: var(--font-family);
 }
 
 atomic-search-interface {