Prepare for NPM + Cloudflare pages

src/lib/styles/themes/light.postcss

@@ -0,0 +1,3 @@
+.theme-light {
+
+}

src/lib/styles/themes/old.postcss

@@ -1,4 +1,4 @@
-.light-theme {
+.theme-light {
     --color-canvas-default-transparent: rgba(255, 255, 255, 0);
     --color-page-header-bg: #f6f8fa;
     --color-marketing-icon-primary: #218bff;
@@ -426,7 +426,7 @@
     --color-scale-coral-9: #510901;
 }
 
-.dark-theme {
+.theme-dark {
     --color-canvas-default-transparent: rgba(255, 255, 255, 0);
     --color-page-header-bg: #f6f8fa;
     --color-marketing-icon-primary: #218bff;
@@ -1283,11 +1283,11 @@
 }
 
 [data-color-mode=light] {
-    @extend .light-theme;
+    @extend .theme-light;
 }
 
 [data-color-mode=dark] {
-    @extend .dark-theme;
+    @extend .theme-dark;
 }
 
 [data-color-mode=dark-dimmed] {

src/lib/styles/variables/borders.postcss

@@ -5,9 +5,9 @@
   --border: var(--border-width) var(--border-style);
 
   /* Radii */
-  --radii-1: 4px;
-  --radii-2: 6px;
-  --radii-3: 8px;
+  --radii-1: 8px;
+  --radii-2: 10px;
+  --radii-3: 12px;
   --radii-max: 100px;
   --radii: var(--radii-2);
 }

src/lib/styles/variables/typography.postcss

@@ -17,17 +17,16 @@
   --h5-size: 14px;
   --h6-size: 12px;
 
+  --font-size-large: 17px;
   --font-size-small: 12px;
+  --font-size-normal: 14px;
+  --body-line-height: --lh-default;
 
   /* Line heights */
   --lh-condensed-ultra: 1;
   --lh-condensed: 1.25;
   --lh-default: 1.5;
 
-  /* The base body size */
-  --body-font-size: 14px;
-  --body-line-height: --lh-default;
-
   /* Font weights */
   --font-weight-light: 300;
   --font-weight-normal: 400;
@@ -37,5 +36,4 @@
   /* Font stacks */
   --body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
   --mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
-
 }