fix: resolve scaffolding issues from code review

author: Solstice <solstice@local> 2026-06-09 00:10:06 -0700
committer: Solstice <solstice@local> 2026-06-09 00:10:06 -0700
commit: 8cf1686e9e9ed20a1c256ccf9e510f4293aa1cf3 (patch)
tree: 7dda2b2e61d9098771995611916d169c49676b9c
parent: 59708192eb000770ede58f21e5a397c65875eb3b (diff)
4 files changed, 56 insertions, 180 deletions
diff --git a/index.html b/index.html
index ff93803..be34cce 100644
--- a/index.html
+++ b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/tauri.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tauri + React + Typescript</title>
+    <title>Solstice</title>
   </head>
 
   <body>
diff --git a/src/App.css b/src/App.css
deleted file mode 100644
index 85f7a4a..0000000
--- a/src/App.css
+++ /dev/null
@@ -1,116 +0,0 @@
-.logo.vite:hover {
-  filter: drop-shadow(0 0 2em #747bff);
-}
-
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafb);
-}
-:root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 400;
-
-  color: #0f0f0f;
-  background-color: #f6f6f6;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
-}
-
-.container {
-  margin: 0;
-  padding-top: 10vh;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: 0.75s;
-}
-
-.logo.tauri:hover {
-  filter: drop-shadow(0 0 2em #24c8db);
-}
-
-.row {
-  display: flex;
-  justify-content: center;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-
-a:hover {
-  color: #535bf2;
-}
-
-h1 {
-  text-align: center;
-}
-
-input,
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  color: #0f0f0f;
-  background-color: #ffffff;
-  transition: border-color 0.25s;
-  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
-}
-
-button {
-  cursor: pointer;
-}
-
-button:hover {
-  border-color: #396cd8;
-}
-button:active {
-  border-color: #396cd8;
-  background-color: #e8e8e8;
-}
-
-input,
-button {
-  outline: none;
-}
-
-#greet-input {
-  margin-right: 5px;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    color: #f6f6f6;
-    background-color: #2f2f2f;
-  }
-
-  a:hover {
-    color: #24c8db;
-  }
-
-  input,
-  button {
-    color: #ffffff;
-    background-color: #0f0f0f98;
-  }
-  button:active {
-    background-color: #0f0f0f69;
-  }
-}
diff --git a/src/styles/global.css b/src/styles/global.css
index 2f1d37e..e4a0d96 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,62 +1,67 @@
-@import "./tokens.css";
 @import "tailwindcss";
+@import "./tokens.css";
 
-@layer base {
-  :root {
-    /* Surface colors */
-    --color-ink-0: var(--ink-0);
-    --color-ink-1: var(--ink-1);
-    --color-ink-2: var(--ink-2);
-    --color-ink-3: var(--ink-3);
-    --color-ink-4: var(--ink-4);
+@theme {
+  /* Surfaces */
+  --color-ink-0: var(--ink-0);
+  --color-ink-1: var(--ink-1);
+  --color-ink-2: var(--ink-2);
+  --color-ink-3: var(--ink-3);
+  --color-ink-4: var(--ink-4);
 
-    /* Line colors */
-    --color-line-1: var(--line-1);
-    --color-line-2: var(--line-2);
-    --color-line-3: var(--line-3);
+  /* Foreground */
+  --color-fg-1: var(--fg-1);
+  --color-fg-2: var(--fg-2);
+  --color-fg-3: var(--fg-3);
+  --color-fg-4: var(--fg-4);
 
-    /* Foreground */
-    --color-fg-1: var(--fg-1);
-    --color-fg-2: var(--fg-2);
-    --color-fg-3: var(--fg-3);
-    --color-fg-4: var(--fg-4);
+  /* Lines */
+  --color-line-1: var(--line-1);
+  --color-line-2: var(--line-2);
+  --color-line-3: var(--line-3);
 
-    /* Accent */
-    --color-brass: var(--brass);
-    --color-brass-bright: var(--brass-bright);
-    --color-brass-deep: var(--brass-deep);
-    --color-brass-ink: var(--brass-ink);
+  /* Brand accents */
+  --color-brass: var(--brass);
+  --color-brass-bright: var(--brass-bright);
+  --color-brass-deep: var(--brass-deep);
+  --color-brass-ink: var(--brass-ink);
 
-    /* Secondary palette */
-    --color-oxford: var(--oxford);
-    --color-oxford-light: var(--oxford-light);
-    --color-burgundy: var(--burgundy);
-    --color-burgundy-light: var(--burgundy-light);
+  /* Secondary */
+  --color-oxford: var(--oxford);
+  --color-oxford-light: var(--oxford-light);
+  --color-burgundy: var(--burgundy);
+  --color-burgundy-light: var(--burgundy-light);
 
-    /* Semantic */
-    --color-positive: var(--positive);
-    --color-positive-bg: var(--positive-bg);
-    --color-negative: var(--negative);
-    --color-negative-bg: var(--negative-bg);
-    --color-warning: var(--warning);
-    --color-warning-bg: var(--warning-bg);
-    --color-info: var(--info);
-    --color-info-bg: var(--info-bg);
+  /* Semantic */
+  --color-positive: var(--positive);
+  --color-positive-bg: var(--positive-bg);
+  --color-negative: var(--negative);
+  --color-negative-bg: var(--negative-bg);
+  --color-warning: var(--warning);
+  --color-warning-bg: var(--warning-bg);
+  --color-info: var(--info);
+  --color-info-bg: var(--info-bg);
 
-    /* Border radii */
-    --radius-1: var(--r-1);
-    --radius-2: var(--r-2);
-    --radius-3: var(--r-3);
-    --radius-4: var(--r-4);
-    --radius-full: var(--r-full);
+  /* Fonts */
+  --font-display: var(--font-display);
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-mono);
 
-    /* Shadows */
-    --shadow-s1: var(--shadow-1);
-    --shadow-s2: var(--shadow-2);
-    --shadow-s3: var(--shadow-3);
-    --shadow-sbr: var(--shadow-brass);
-  }
+  /* Radii */
+  --radius-r1: var(--r-1);
+  --radius-r2: var(--r-2);
+  --radius-r3: var(--r-3);
+  --radius-r4: var(--r-4);
+  --radius-full: var(--r-full);
 
+  /* Shadows */
+  --shadow-1: var(--shadow-1);
+  --shadow-2: var(--shadow-2);
+  --shadow-3: var(--shadow-3);
+  --shadow-brass: var(--shadow-brass);
+}
+
+@layer base {
   html, body {
     background: var(--ink-0);
     color: var(--fg-2);
diff --git a/src/styles/tokens.css b/src/styles/tokens.css
index 1ccaf4a..48feca4 100644
--- a/src/styles/tokens.css
+++ b/src/styles/tokens.css
@@ -220,19 +220,6 @@
    SEMANTIC TYPE STYLES
    ========================================================================= */
 
-body {
-  font-family: var(--font-sans);
-  font-size: var(--fs-16);
-  line-height: var(--lh-normal);
-  color: var(--fg-2);
-  background: var(--ink-0);
-  font-weight: var(--w-regular);
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-}
-
-::selection { background: var(--selection-bg); color: var(--fg-1); }
-
 .display, h1.display {
   font-family: var(--font-display);
   font-size: var(--fs-88);
author	Solstice <solstice@local>	2026-06-09 00:10:06 -0700
committer	Solstice <solstice@local>	2026-06-09 00:10:06 -0700
commit	8cf1686e9e9ed20a1c256ccf9e510f4293aa1cf3 (patch)
tree	7dda2b2e61d9098771995611916d169c49676b9c
parent	59708192eb000770ede58f21e5a397c65875eb3b (diff)