diff --git a/layout/sidebar/sidebar.scarlet b/layout/sidebar/sidebar.scarlet
index c053f166..0c57f966 100644
--- a/layout/sidebar/sidebar.scarlet
+++ b/layout/sidebar/sidebar.scarlet
@@ -1,4 +1,4 @@
-sidebar-spacing-y = 0.7rem
+const sidebar-spacing-y = 0.7rem
 
 #sidebar
 	vertical
diff --git a/pages/frontpage/frontpage.scarlet b/pages/frontpage/frontpage.scarlet
index c0521f83..e8d3c1be 100644
--- a/pages/frontpage/frontpage.scarlet
+++ b/pages/frontpage/frontpage.scarlet
@@ -1,4 +1,4 @@
-frontpage-bg-color = rgb(32, 32, 32)
+const frontpage-bg-color = rgb(32, 32, 32)
 
 .frontpage-background
 	position absolute
@@ -16,7 +16,7 @@ frontpage-bg-color = rgb(32, 32, 32)
 	top 50%
 	left 50%
 	transform translateX(-50%) translateY(-50%)
-	
+
 	a, h1, h2
 		color white !important
 		text-shadow 0px 0px 4px rgb(0, 0, 0, 0.75)
@@ -35,7 +35,7 @@ frontpage-bg-color = rgb(32, 32, 32)
 		margin-bottom 1em
 		line-height 1.2em
 		text-align center
-	
+
 	.footer
 		text-align center
 		margin-top content-padding
diff --git a/pages/groups/groups.scarlet b/pages/groups/groups.scarlet
index 0aff5587..f90006b2 100644
--- a/pages/groups/groups.scarlet
+++ b/pages/groups/groups.scarlet
@@ -1,5 +1,5 @@
-group-padding-y = 0.75rem
-group-padding-x = 0.75rem
+const group-padding-y = 0.75rem
+const group-padding-x = 0.75rem
 
 .groups
 	horizontal-wrap
diff --git a/pages/inventory/inventory.scarlet b/pages/inventory/inventory.scarlet
index fa8e858a..15e25ade 100644
--- a/pages/inventory/inventory.scarlet
+++ b/pages/inventory/inventory.scarlet
@@ -1,4 +1,4 @@
-inventory-slot-size = 64px
+const inventory-slot-size = 64px
 
 .inventory
 	display grid
@@ -24,7 +24,7 @@ inventory-slot-size = 64px
 
 			.item-icon
 				animation hover-item 1s infinite ease-in-out
-	
+
 	.icon
 		margin 0
 		pointer-events none
diff --git a/pages/profile/profile.scarlet b/pages/profile/profile.scarlet
index 13eff343..fb64e6e1 100644
--- a/pages/profile/profile.scarlet
+++ b/pages/profile/profile.scarlet
@@ -1,5 +1,3 @@
-profile-boot-duration = 2s
-
 .profile
 	vertical
 	align-items center
@@ -78,9 +76,7 @@ profile-boot-duration = 2s
 		padding content-padding
 		margin-top 0
 
-	// .profile-pro-status-text
-	// 	display none
-
+// const profile-boot-duration = 2s
 // animation appear
 // 	0%
 // 		transform rotateX(90deg)
diff --git a/pages/shop/shop.scarlet b/pages/shop/shop.scarlet
index b956363b..d62b723a 100644
--- a/pages/shop/shop.scarlet
+++ b/pages/shop/shop.scarlet
@@ -1,5 +1,5 @@
-item-color-pro-account = hsl(0, 100%, 71%)
-item-color-anime-support-ticket = hsl(217, 64%, 50%)
+const item-color-pro-account = hsl(0, 100%, 71%)
+const item-color-anime-support-ticket = hsl(217, 64%, 50%)
 
 .shop-items
 	horizontal-wrap
diff --git a/styles/embedded.scarlet b/styles/embedded.scarlet
index 76f21930..042c6c58 100644
--- a/styles/embedded.scarlet
+++ b/styles/embedded.scarlet
@@ -1,4 +1,4 @@
-remove-margin = 1.1rem
+const remove-margin = 1.1rem
 
 .embedded
 	// Put navigation to the bottom of the screen
diff --git a/styles/loading.scarlet b/styles/loading.scarlet
index 04c9975c..d06733a1 100644
--- a/styles/loading.scarlet
+++ b/styles/loading.scarlet
@@ -1,5 +1,5 @@
-loading-anim-duration = 0.8s
-loading-anim-size = 24px
+const loading-anim-duration = 0.8s
+const loading-anim-size = 24px
 
 #loading
 	position fixed
diff --git a/styles/video.scarlet b/styles/video.scarlet
index d8709b25..cfd7114a 100644
--- a/styles/video.scarlet
+++ b/styles/video.scarlet
@@ -1,4 +1,4 @@
-video-padding = 56.25%
+const video-padding = 56.25%
 
 .video-container
 	position relative