Initial commit

2026-04-20 17:59:24 +00:00
commit a43f8de3e4
51 changed files with 9695 additions and 0 deletions
@@ -0,0 +1,117 @@
+@import 'tailwindcss';
+
+/* =========================
+   GLOBAL BASE STYLES
+========================= */
+
+html,
+body {
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  font-family: theme('fontFamily.sans');
+  overflow-x: hidden;
+}
+
+/* =========================
+   THEME VARIABLES (DARK DEFAULT)
+========================= */
+
+:root {
+  --bg-primary: #000000;
+
+  --text-primary: #ffffff;
+
+  --accent: #00d4ff;
+
+  --color-base: #000000;
+  --color-inverse: #ffffff;
+
+  --transition-fast: 200ms ease-in-out;
+  --transition-normal: 300ms ease-in-out;
+  --transition-slow: 500ms ease-in-out;
+}
+
+/* =========================
+   LIGHT MODE OVERRIDE
+========================= */
+
+.light-mode {
+  --bg-primary: #e0e0e0;
+
+  --text-primary: #111111;
+
+  --accent: #0077ff;
+
+  --color-base: #ffffff;
+  --color-inverse: #000000;
+}
+
+/* =========================
+   UTILITY CLASSES (USE THESE INSTEAD OF bg-black etc)
+========================= */
+
+.bg-primary {
+  background: var(--bg-primary);
+}
+
+.text-primary {
+  color: var(--text-primary);
+}
+
+.text-accent {
+  color: var(--accent);
+}
+
+/* =========================
+   TRANSITIONS
+========================= */
+
+@layer utilities {
+  .transition-theme {
+    transition:
+      color 500ms ease,
+      background-color 500ms ease,
+      border-color 500ms ease;
+  }
+}
+
+/* =========================
+   LOGO
+========================= */
+
+.bg-logo-light {
+  background: var(--color-base);
+}
+
+.bg-logo-dark {
+  background: var(--color-inverse);
+}
+
+.text-logo-light {
+  color: var(--color-base);
+}
+
+.text-logo-dark {
+  color: var(--color-inverse);
+}
+
+/* =========================
+   SCROLLBAR (OPTIONAL NICE TOUCH)
+========================= */
+
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--bg-primary);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--accent);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #0099cc;
+}