@formant/aesthetics 0.0.10 → 0.1.1

package/styles/globals.css

@@ -1,200 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap');
-
-:root {
-  /* Formant Dark Theme (Default) - Slate Mist Background */
-  --background: #202428;
-  --foreground: #F2F3F4;
-  --card: #0A0F11;
-  --card-foreground: #F2F3F4;
-  --popover: #202428;
-  --popover-foreground: #F2F3F4;
-  --primary: #ACC3B3;
-  --primary-foreground: #0A0F11;
-  --secondary: #202428;
-  --secondary-foreground: #F2F3F4;
-  --muted: #202428;
-  --muted-foreground: #A3ABA9;
-  --accent: #2C4142;
-  --accent-foreground: #F2F3F4;
-  --destructive: #E8AB7F;
-  --destructive-foreground: #0A0F11;
-  --border: rgba(163, 171, 169, 0.1);
-  --input: rgba(163, 171, 169, 0.2);
-  --ring: #ACC3B3;
-  --chart-1: #ACC3B3;
-  --chart-2: #4B5E53;
-  --chart-3: #2C4142;
-  --chart-4: #E8AB7F;
-  --chart-5: #8B8CF4;
-  --radius: 0.25rem;
-  --radius-sm: calc(0.25rem * 0.6);
-  --radius-md: calc(0.25rem * 0.8);
-  --radius-lg: 0.25rem;
-  --radius-xl: calc(0.25rem * 1.4);
-  --radius-2xl: calc(0.25rem * 1.8);
-  --radius-3xl: calc(0.25rem * 2.2);
-  --radius-4xl: calc(0.25rem * 2.6);
-  --sidebar: #0A0F11;
-  --sidebar-foreground: #F2F3F4;
-  --sidebar-primary: #ACC3B3;
-  --sidebar-primary-foreground: #0A0F11;
-  --sidebar-accent: #202428;
-  --sidebar-accent-foreground: #F2F3F4;
-  --sidebar-border: rgba(163, 171, 169, 0.1);
-  --sidebar-ring: #ACC3B3;
-  
-  /* Formant Brand Colors */
-  --deep-command: #0A0F11;
-  --slate-mist: #202428;
-  --formant-white: #F2F3F4;
-  --system-neutral: #A3ABA9;
-  --fog-green: #4B5E53;
-  --ethereal-teal: #2C4142;
-  --horizon-glow: #ACC3B3;
-  --terminal-amber: #E8AB7F;
-  --interface-iris: #8B8CF4;
-  
-  /* Font families */
-  --font-heading: 'Space Grotesk', sans-serif;
-  --font-sans: 'Inter', sans-serif;
-  --font-mono: 'JetBrains Mono', monospace;
-}
-
-* {
-  border-color: var(--border);
-  outline-color: var(--ring);
-}
-
-body {
-  background-color: var(--background);
-  color: var(--foreground);
-  font-family: 'Inter', sans-serif;
-}
-
-html {
-  font-family: 'Inter', sans-serif;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  font-family: 'Space Grotesk', sans-serif;
-  letter-spacing: -0.02em;
-}
-
-code, pre, .font-mono {
-  font-family: 'JetBrains Mono', monospace;
-}
-
-/* Formant Typography Utilities */
-.font-heading {
-  font-family: 'Space Grotesk', sans-serif;
-  letter-spacing: -0.02em;
-}
-
-.font-sans {
-  font-family: 'Inter', sans-serif;
-}
-
-.font-mono {
-  font-family: 'JetBrains Mono', monospace;
-  letter-spacing: 0.02em;
-}
-
-/* Formant Brand Color Utilities */
-.bg-deep-command { background-color: #0A0F11; }
-.bg-slate-mist { background-color: #202428; }
-.bg-formant-white { background-color: #F2F3F4; }
-.bg-system-neutral { background-color: #A3ABA9; }
-.bg-fog-green { background-color: #4B5E53; }
-.bg-ethereal-teal { background-color: #2C4142; }
-.bg-horizon-glow { background-color: #ACC3B3; }
-.bg-terminal-amber { background-color: #E8AB7F; }
-.bg-interface-iris { background-color: #8B8CF4; }
-
-/* Alpha variants */
-.bg-fog-green\/10 { background-color: rgba(75, 94, 83, 0.1); }
-.bg-fog-green\/20 { background-color: rgba(75, 94, 83, 0.2); }
-.bg-fog-green\/30 { background-color: rgba(75, 94, 83, 0.3); }
-.bg-fog-green\/40 { background-color: rgba(75, 94, 83, 0.4); }
-.bg-ethereal-teal\/40 { background-color: rgba(44, 65, 66, 0.4); }
-.bg-ethereal-teal\/60 { background-color: rgba(44, 65, 66, 0.6); }
-.bg-terminal-amber\/10 { background-color: rgba(232, 171, 127, 0.1); }
-.bg-terminal-amber\/25 { background-color: rgba(232, 171, 127, 0.25); }
-.bg-terminal-amber\/80 { background-color: rgba(232, 171, 127, 0.8); }
-.bg-interface-iris\/10 { background-color: rgba(139, 140, 244, 0.1); }
-.bg-interface-iris\/25 { background-color: rgba(139, 140, 244, 0.25); }
-
-.text-deep-command { color: #0A0F11; }
-.text-slate-mist { color: #202428; }
-.text-formant-white { color: #F2F3F4; }
-.text-system-neutral { color: #A3ABA9; }
-.text-fog-green { color: #4B5E53; }
-.text-ethereal-teal { color: #2C4142; }
-.text-horizon-glow { color: #ACC3B3; }
-.text-terminal-amber { color: #E8AB7F; }
-.text-interface-iris { color: #8B8CF4; }
-
-.border-fog-green { border-color: rgba(75, 94, 83, 0.4); }
-.border-fog-green\/40 { border-color: rgba(75, 94, 83, 0.4); }
-.border-ethereal-teal\/60 { border-color: rgba(44, 65, 66, 0.6); }
-.border-terminal-amber { border-color: rgba(232, 171, 127, 0.25); }
-.border-terminal-amber\/20 { border-color: rgba(232, 171, 127, 0.2); }
-.border-terminal-amber\/25 { border-color: rgba(232, 171, 127, 0.25); }
-.border-interface-iris { border-color: rgba(139, 140, 244, 0.25); }
-.border-interface-iris\/20 { border-color: rgba(139, 140, 244, 0.2); }
-.border-interface-iris\/25 { border-color: rgba(139, 140, 244, 0.25); }
-.border-system-neutral\/20 { border-color: rgba(163, 171, 169, 0.2); }
-
-/* Formant Animation Utilities */
-@keyframes fadeUp {
-  from {
-    opacity: 0;
-    transform: translateY(24px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.animate-fade-up {
-  animation: fadeUp 0.7s ease forwards;
-}
-
-/* Formant Section Label Style */
-.section-label {
-  font-family: 'JetBrains Mono', monospace;
-  font-size: 10px;
-  letter-spacing: 0.3em;
-  color: #E8AB7F;
-  text-transform: uppercase;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.section-label::before {
-  content: '';
-  display: block;
-  width: 24px;
-  height: 1px;
-  background: #E8AB7F;
-}
-
-/* Custom scrollbar for dark theme */
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: #0A0F11;
-}
-
-::-webkit-scrollbar-thumb {
-  background: #4B5E53;
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: #ACC3B3;
-}