diff --git a/src/front/Components/DesignSystem/Button/classes.module.scss b/src/front/Components/DesignSystem/Button/classes.module.scss
index fdd40bcc..d3779766 100644
--- a/src/front/Components/DesignSystem/Button/classes.module.scss
+++ b/src/front/Components/DesignSystem/Button/classes.module.scss
@@ -9,7 +9,7 @@
 	align-items: center;
 	background: transparent;
 	font-style: normal;
-	font-weight: 500;
+	font-weight: var(--font-text-weight-regular, 400);
 	white-space: nowrap;
 	user-select: none;
 	cursor: pointer;
@@ -26,18 +26,18 @@
 
 	&[variant="primary"] {
 		color: var(--color-primary-500);
-		background: var(--color-primary-500);
-		border-color: var(--color-primary-500);
+		border: 1px solid var(--button-contained-primary-default-border, rgba(0, 0, 0, 0));
+		background: var(--button-contained-primary-default-background, #005bcb);
 
 		&:hover {
-			background: var(--color-primary-700);
-			border-color: var(--color-primary-700);
+			border: 1px solid var(--button-contained-primary-hovered-border, rgba(0, 0, 0, 0));
+			background: var(--button-contained-primary-hovered-background, #0040a4);
 		}
 
 		&:focus,
 		&:active {
-			background: var(--color-primary-800);
-			border-color: var(--color-primary-800);
+			border: 1px solid var(--button-contained-primary-pressed-border, rgba(0, 0, 0, 0));
+			background: var(--button-contained-primary-pressed-background, #013391);
 		}
 
 		&[styleType="outlined"] {
diff --git a/src/front/Themes/variables.scss b/src/front/Themes/variables.scss
index 28f892ba..ef4cc7da 100644
--- a/src/front/Themes/variables.scss
+++ b/src/front/Themes/variables.scss
@@ -83,41 +83,41 @@
 	--color-warning-900: #7a340e;
 	--color-warning-950: #461a02;
 	/* number */
-	--radius-xs: 0.125rem;
-	--radius-sm: 0.25rem;
-	--radius-md: 0.5rem;
-	--radius-lg: 1rem;
-	--radius-xl: 1.5rem;
-	--radius-2xl: 2rem;
-	--radius-3xl: 22.5rem;
-	--font-text-weight-light: 18.75rem;
-	--font-text-weight-regular: 25rem;
-	--font-text-weight-semibold: 37.5rem;
-	--font-text-weight-bold: 43.75rem;
-	--font-title-weight-light: 18.75rem;
-	--font-title-weight-regular: 25rem;
-	--font-title-weight-semibold: 37.5rem;
-	--font-title-weight-bold: 43.75rem;
-	--spacing-0-25: 0.125rem;
-	--spacing-0-5: 0.25rem;
-	--spacing-0-75: 0.375rem;
-	--spacing-1: 0.5rem;
-	--spacing-1-5: 0.75rem;
-	--spacing-2: 1rem;
-	--spacing-3: 1.5rem;
-	--spacing-4: 2rem;
-	--spacing-5: 2.5rem;
-	--spacing-6: 3rem;
-	--spacing-7: 3.5rem;
-	--spacing-8: 4rem;
-	--spacing-9: 4.5rem;
-	--spacing-10: 5rem;
-	--spacing-11: 5.5rem;
-	--spacing-12: 6rem;
-	--spacing-13: 6.5rem;
-	--spacing-14: 7rem;
-	--spacing-15: 7.5rem;
-	--spacing-16: 8rem;
+	--radius-xs: 2px;
+	--radius-sm: 4px;
+	--radius-md: 8px;
+	--radius-lg: 16px;
+	--radius-xl: 24px;
+	--radius-2xl: 32px;
+	--radius-3xl: 360px;
+	--font-text-weight-light: 300;
+	--font-text-weight-regular: 400;
+	--font-text-weight-semibold: 600;
+	--font-text-weight-bold: 700;
+	--font-title-weight-light: 300;
+	--font-title-weight-regular: 400;
+	--font-title-weight-semibold: 600;
+	--font-title-weight-bold: 700;
+	--spacing-0-25: 2px;
+	--spacing-0-5: 4px;
+	--spacing-0-75: 6px;
+	--spacing-1: 8px;
+	--spacing-1-5: 12px;
+	--spacing-2: 16px;
+	--spacing-3: 24px;
+	--spacing-4: 32px;
+	--spacing-5: 40px;
+	--spacing-6: 48px;
+	--spacing-7: 56px;
+	--spacing-8: 64px;
+	--spacing-9: 72px;
+	--spacing-10: 80px;
+	--spacing-11: 88px;
+	--spacing-12: 96px;
+	--spacing-13: 104px;
+	--spacing-14: 112px;
+	--spacing-15: 120px;
+	--spacing-16: 128px;
 	/* string */
 	--font-text-family: Poppins;
 	--font-title-family: Poppins;
@@ -566,11 +566,11 @@
 	--navigation-radius: var(--radius-none);
 	--notification-radius: var(--radius-minimal);
 	--opacity-disabled: 1.875rem;
-	--radius-none: 0rem;
+	--radius-none: 0px;
 	--radius-minimal: var(--radius-md);
 	--radius-rounded: var(--radius-lg);
 	--radius-full: var(--radius-3xl);
-	--spacing-none: 0rem;
+	--spacing-none: 0px;
 	--spacing-xs: var(--spacing-0-5);
 	--spacing-sm: var(--spacing-1);
 	--spacing-md: var(--spacing-2);