Updated

frontend/@dasig/styles/HTML.sass

@@ -1,25 +1,16 @@
-@use '/src/styles/variables.sass' as vars
 @use '/src/styles/fonts.sass' as fonts
 
-.body
-  color: vars.$textColor
-
 .inter
-  @extend .body
   font-family: fonts.$Inter
 
 .roboto
-  @extend .body
   font-family: fonts.$Roboto
 
 .montserrat
-  @extend .body
   font-family: fonts.$Montserrat
 
 .open-sans
-  @extend .body
   font-family: fonts.$OpenSans
 
 .public-sans
-  @extend .body
   font-family: fonts.$PublicSans

frontend/Makefile

@@ -1,4 +1,4 @@
-install:
+all:
 	deno install && deno install --allow-scripts=npm:sharp,npm:@parcel/watcher
 
 dev:

frontend/configs/design.site.sass

@@ -1,5 +1,5 @@
-$lightBackground: #d4e0f0
-$darkBackground: #11141e
+$lightBackground: #e2e7f2
+$darkBackground: #0a152a
 
 $mobile: 575.98px
 $tablet: 768px

frontend/src/routes/index.sass

@@ -1,5 +1,3 @@
-@use '../styles/variables' as vars
-
 h4
   font-size: 1.1rem
   font-weight: 300

frontend/src/styles/app.sass

@@ -1,5 +1,4 @@
 @use './global'
-@use './variables'
 @use '../../configs/design.site' as design
 @use 'sass:color'
 
@@ -8,8 +7,8 @@
   background-color: light-dark(design.$lightBackground, design.$darkBackground)
   transition: background-color 0.6s ease-out
 
-.text
-  color: light-dark(color.adjust(design.$lightBackground, $blackness: 90%), color.adjust(design.$darkBackground, $lightness: 90%))
+body
+  color: light-dark(color.adjust(design.$lightBackground, $blackness: 95%), color.adjust(design.$darkBackground, $lightness: 95%))
   transition: background-color 0.6s ease-out
 
 a
@@ -21,7 +20,7 @@ main
   margin: 0 auto
 
 h1
-  color: #335d92
+  @extend body
   text-transform: uppercase
   font-size: 4rem
   font-weight: 100
@@ -29,14 +28,13 @@ h1
   margin: 4rem auto
   max-width: 14rem
 
+  @media (min-width: design.$mobile)
+    max-width: none
+
 p
   max-width: 14rem
   margin: 2rem auto
   line-height: 1.35
 
-@media (min-width: 480px)
-h1
-  max-width: none
-
-p
+  @media (min-width: design.$mobile)
     max-width: none

frontend/src/styles/variables.sass

@@ -1,17 +0,0 @@
-@use 'sass:color'
-@use '../../configs/design.site' as design
-
-$background: #09111f
-$textColor: #f0f8ff
-
-$fontSize: 1rem
-
-$borderMargin: 2rem
-
-$primaryColor: #0075BB
-$secondaryColor: #57687F
-$accentColor: #00887C
-$infoColor: #0082A4
-$successColor: #009435
-$warningColor: #E5B400
-$errorColor: #E8595C