initial commitHEADprimary

2 files changed, 69 insertions, 0 deletions

diff --git a/assets/style/root.css b/assets/style/root.css
new file mode 100644
index 0000000..28b325d
--- /dev/null
+++ b/assets/style/root.css
@@ -0,0 +1,38 @@
+:root {
+  --background-color: var(--uchu-gray-1);
+  --base-grid-color1: oklch(var(--uchu-blue-3-raw) / 30%);
+  --base-grid-color2: oklch(var(--uchu-purple-3-raw) / 30%);
+  --baseline: calc(var(--line-height) / 2);
+  --block-spacing-bottom: var(--line-height);
+  --block-spacing-top: 0;
+  --column-gap: calc(var(--line-height) * 2);
+  --display-scale: 1;
+  --font-mono: "inc mono";
+  --font-sans: null;
+  --font-serif: null;
+  --font-size: 12px;
+  --foreground-color: oklch(var(--uchu-yin-raw) / 80%);
+  --h1-size: 2.8rem;
+  --h2-size: 2.2rem;
+  --h3-size: 1.4rem;
+  --h4-size: 1.1rem;
+  --hr-thickness: 2px;
+  --line-height: calc(var(--font-size) * 1.5);
+  --pixel: 1px;
+  --row-gap: var(--line-height);
+
+  @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
+    --display-scale: 2;
+    --pixel: 0.5px;
+  }
+
+  @media only screen and (min-device-pixel-ratio: 2.5), only screen and (min-resolution: 2.5dppx) {
+    --display-scale: 3;
+    --pixel: 0.34px;
+  }
+
+  @media only screen and (min-device-pixel-ratio: 3.5), only screen and (min-resolution: 3.5dppx) {
+    --display-scale: 4;
+    --pixel: 0.25px;
+  }
+}
diff --git a/assets/style/type.css b/assets/style/type.css
new file mode 100644
index 0000000..2096864
--- /dev/null
+++ b/assets/style/type.css
@@ -0,0 +1,31 @@
+@font-face {
+  font-display: swap;
+  font-family: "inc mono";
+  font-style: normal;
+  font-weight: 400;
+  src: url("../type/400.woff2") format("woff2");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "inc mono";
+  font-style: italic;
+  font-weight: 400;
+  src: url("../type/400i.woff2") format("woff2");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "inc mono";
+  font-style: normal;
+  font-weight: 600;
+  src: url("../type/600.woff2") format("woff2");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "inc mono";
+  font-style: italic;
+  font-weight: 600;
+  src: url("../type/600i.woff2") format("woff2");
+}