Initial commit

2026-05-25 13:00:20 -04:00
commit e14e43da42
49 changed files with 26892 additions and 0 deletions
--- a/css/tokens.css
+++ b/css/tokens.css
@@ -0,0 +1,80 @@
+/* ============================================================
+   Star Trek LCARS × Modern Minimal — Design Tokens
+   ============================================================ */
+:root {
+  /* Core palette */
+  --bg:              #080c14;
+  --bg-subtle:       #0b1120;
+  --surface:         #0f1623;
+  --surface-raised:  #162032;
+  --surface-hover:   #1c2d45;
+  --fg:              #d4dce8;
+  --fg-bright:       #f1f5f9;
+  --fg-dim:          #94a3b8;
+  --muted:           #5a6b82;
+  --border:          #1c2a3f;
+  --border-light:    #253550;
+
+  /* Accent — LCARS amber/gold */
+  --accent:          #f0a030;
+  --accent-hover:    #fbbf24;
+  --accent-dim:      #b47818;
+  --accent-bg:       rgba(240, 160, 48, 0.08);
+  --accent-border:   rgba(240, 160, 48, 0.25);
+
+  /* Secondary accents */
+  --cyan:            #22d3ee;
+  --cyan-dim:        #0891b2;
+  --cyan-bg:         rgba(34, 211, 238, 0.08);
+  --red:             #ef4444;
+  --red-dim:         #dc2626;
+  --red-bg:          rgba(239, 68, 68, 0.08);
+  --green:           #22c55e;
+  --green-dim:       #16a34a;
+  --green-bg:        rgba(34, 197, 94, 0.08);
+  --purple:          #a78bfa;
+  --purple-dim:      #8b5cf6;
+  --purple-bg:       rgba(167, 139, 250, 0.08);
+
+  /* Typography */
+  --font-display: 'SF Pro Display', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
+  --font-body:    'SF Pro Text', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
+  --font-mono:    'JetBrains Mono', 'Fira Code', ui-monospace, Menlo, monospace;
+
+  /* Spacing */
+  --sp-1: 4px;
+  --sp-2: 8px;
+  --sp-3: 12px;
+  --sp-4: 16px;
+  --sp-5: 20px;
+  --sp-6: 24px;
+  --sp-8: 32px;
+  --sp-10: 40px;
+  --sp-12: 48px;
+  --sp-16: 64px;
+
+  /* Radii — LCARS inspired (pill shapes) */
+  --radius-sm:  4px;
+  --radius-md:  8px;
+  --radius-lg:  12px;
+  --radius-xl:  20px;
+  --radius-pill: 9999px;
+
+  /* Shadows */
+  --shadow-sm:  0 1px 2px rgba(0,0,0,0.3);
+  --shadow-md:  0 4px 12px rgba(0,0,0,0.4);
+  --shadow-lg:  0 8px 32px rgba(0,0,0,0.5);
+  --shadow-glow-accent: 0 0 20px rgba(240, 160, 48, 0.15);
+  --shadow-glow-cyan:   0 0 20px rgba(34, 211, 238, 0.15);
+
+  /* Transitions */
+  --transition-fast: 150ms ease;
+  --transition-base: 250ms ease;
+  --transition-slow: 400ms ease;
+
+  /* Layout */
+  --sidebar-width: 260px;
+  --sidebar-collapsed: 60px;
+  --topbar-height: 48px;
+  --content-max-width: 1100px;
+}