CSS refactor: Fix duplicated & outdate px across light/dark modes

Do not place px in light or dark mode css instead use the shared
cool.css :root for that
- This avoid outdated values in the future
  - There was already one like that: --annotation-input-size
  had different values between light and dark mode

Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I5cd95a36e160003101f6f92108bb5244bfafcdd4

browser/css/color-palette-dark.css

@@ -36,16 +36,4 @@
 	--color-success: #46ba61;
 
 	--color-box-shadow: rgba(77, 77, 77, 0.5);
-	--border-radius: 4px; /* buttons, widgets */
-	--border-radius-large: 10px; /* dialog */
-
-	--default-font-size: 12px;
-	--header-font-size: 16px;
-
-	--default-height: 24px;
-	--header-height: 38px;
-
-	/* Annotations */
-	--annotation-input-size: 240px;
 }
-

browser/css/color-palette.css

@@ -37,15 +37,4 @@
 	--color-success: #46ba61;
 
 	--color-box-shadow: rgba(77, 77, 77, 0.5);
-	--border-radius: 4px; /* buttons, widgets */
-	--border-radius-large: 10px; /* dialog */
-
-	--default-font-size: 12px;
-	--header-font-size: 16px;
-
-	--default-height: 24px;
-	--header-height: 38px;
-
-	/* Annotations */
-	--annotation-input-size: 100px;
 }

browser/css/cool.css

@@ -14,6 +14,17 @@
 	--cell-cursor-selection-border-color: var(--color-primary);
 
 	--btn-size: 24px;
+	--border-radius: 4px; /* buttons, widgets */
+	--border-radius-large: 10px; /* dialog */
+
+	--default-font-size: 12px;
+	--header-font-size: 16px;
+
+	--default-height: 24px;
+	--header-height: 38px;
+
+	/* Annotations */
+	--annotation-input-size: 100px;
 }
 
 .access-key {