feat: initial prototype works

I can log in and create a book! Woo!
2026-02-04 12:17:05 -08:00
parent e167a17bd9
commit b6d66d34cb
44 changed files with 3695 additions and 493 deletions
@@ -1 +1,137 @@
 /* You can add global styles to this file, and also import other style files */
+
+:root {
+  /* Witchy Purple Rose Palette */
+  --witch-purple: #2B1B3D;
+  --witch-plum: #44275A;
+  --witch-rose: #A8577E;
+  --witch-mauve: #D4A5C7;
+  --witch-lavender: #E8D5E8;
+  --witch-black: #0A0009;
+  --witch-silver: #C0C0C0;
+  --witch-moon: #F5F5F5;
+  --witch-shadow: rgba(10, 0, 9, 0.7);
+
+  /* Theme variables */
+  --foreground: var(--witch-purple);
+  --background: var(--witch-moon);
+  --accent: var(--witch-rose);
+  --border: var(--witch-plum);
+  --highlight: var(--witch-mauve);
+
+  font-size: 14pt;
+  line-height: 1.6;
+}
+
+// Reset and base styles
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+  font-size: 14pt;
+  line-height: 1.6;
+  color: var(--foreground);
+  background-color: var(--background);
+  position: relative;
+  min-height: 100vh;
+}
+
+/* Witchy mystical background */
+body::before {
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: url(https://cdn.nhcarrigan.com/background.png);
+  background-size: cover;
+  background-position: center;
+  z-index: -2;
+  pointer-events: none;
+}
+
+/* Semi-transparent overlay for readability */
+body::after {
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(245, 245, 245, 0.9);
+  z-index: -1;
+  pointer-events: none;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  line-height: 1.2;
+  color: var(--witch-purple);
+}
+
+a {
+  color: var(--witch-rose);
+  text-decoration: none;
+  transition: color 0.3s;
+}
+
+a:hover {
+  color: var(--witch-plum);
+  text-decoration: underline;
+}
+
+// Utility classes
+.container {
+  width: 100%;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 1rem;
+}
+
+// Form styles
+input,
+textarea,
+select {
+  font-family: inherit;
+  font-size: inherit;
+  background-color: var(--witch-moon);
+  border: 2px solid var(--witch-mauve);
+  color: var(--witch-purple);
+  transition: border-color 0.3s;
+}
+
+input:focus,
+textarea:focus,
+select:focus {
+  outline: none;
+  border-color: var(--witch-rose);
+}
+
+// Button base styles
+button {
+  transition: all 0.3s;
+}
+
+// Scrollbar styling
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--witch-lavender);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--witch-rose);
+  border-radius: 5px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--witch-plum);
+}