feat: enhance template visual

src/globals.css

@@ -4,7 +4,10 @@
    GLOBAL BASE STYLES
 ========================= */
 
-html,
+html {
+  scroll-padding-top: var(--header-height);
+}
+
 body {
   background: var(--bg-primary);
   color: var(--text-primary);
@@ -17,6 +20,9 @@ body {
 ========================= */
 
 :root {
+  --header-height: 75px;
+  --footer-height: 70px;
+
   --bg-primary: #000000;
 
   --text-primary: #ffffff;
@@ -66,7 +72,7 @@ body {
   color: var(--accent);
 }
 
-.text-color {
+.text-muted {
   color: var(--muted-color);
 }