@formant/aesthetics 0.0.8 → 0.1.0

package/dist/components.css

@@ -1,692 +0,0 @@
-/**
- * @formant/aesthetics - Complete Component Styles
- * This file contains all utility classes used by @formant/aesthetics components.
- * Import this file to get styled components without Tailwind CSS in your project.
- */
-
-/* Base Theme */
-@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 {
-  --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;
-  --radius: 0.25rem;
-  --font-heading: 'Space Grotesk', sans-serif;
-  --font-sans: 'Inter', sans-serif;
-  --font-mono: 'JetBrains Mono', monospace;
-}
-
-* {
-  box-sizing: border-box;
-  border-color: var(--border);
-}
-
-body {
-  background-color: var(--background);
-  color: var(--foreground);
-  font-family: var(--font-sans);
-  margin: 0;
-  min-height: 100vh;
-}
-
-html {
-  font-family: var(--font-sans);
-}
-
-h1, h2, h3, h4, h5, h6 {
-  font-family: var(--font-heading);
-  letter-spacing: -0.02em;
-  margin: 0;
-}
-
-p { margin: 0; }
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-button {
-  font-family: inherit;
-}
-
-/* Flex & Layout */
-.flex { display: flex; }
-.inline-flex { display: inline-flex; }
-.grid { display: grid; }
-.block { display: block; }
-.inline { display: inline; }
-.hidden { display: none; }
-.contents { display: contents; }
-
-/* Grid */
-.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
-.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
-.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
-
-/* Flex direction */
-.flex-row { flex-direction: row; }
-.flex-col { flex-direction: column; }
-.flex-row-reverse { flex-direction: row-reverse; }
-.flex-col-reverse { flex-direction: column-reverse; }
-
-/* Flex wrap */
-.flex-wrap { flex-wrap: wrap; }
-.flex-nowrap { flex-wrap: nowrap; }
-
-/* Alignment */
-.items-start { align-items: flex-start; }
-.items-end { align-items: flex-end; }
-.items-center { align-items: center; }
-.items-baseline { align-items: baseline; }
-.items-stretch { align-items: stretch; }
-
-.justify-start { justify-content: flex-start; }
-.justify-end { justify-content: flex-end; }
-.justify-center { justify-content: center; }
-.justify-between { justify-content: space-between; }
-.justify-around { justify-content: space-around; }
-.justify-evenly { justify-content: space-evenly; }
-
-/* Flex properties */
-.flex-1 { flex: 1 1 0%; }
-.flex-auto { flex: 1 1 auto; }
-.flex-initial { flex: 0 1 auto; }
-.flex-none { flex: none; }
-.shrink-0 { flex-shrink: 0; }
-.shrink { flex-shrink: 1; }
-.grow { flex-grow: 1; }
-.grow-0 { flex-grow: 0; }
-
-/* Spacing - Padding */
-.p-0 { padding: 0; }
-.p-1 { padding: 0.25rem; }
-.p-2 { padding: 0.5rem; }
-.p-3 { padding: 0.75rem; }
-.p-4 { padding: 1rem; }
-.p-5 { padding: 1.25rem; }
-.p-6 { padding: 1.5rem; }
-.p-8 { padding: 2rem; }
-
-.px-0 { padding-left: 0; padding-right: 0; }
-.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
-.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
-.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
-.px-4 { padding-left: 1rem; padding-right: 1rem; }
-.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
-.px-8 { padding-left: 2rem; padding-right: 2rem; }
-
-.py-0 { padding-top: 0; padding-bottom: 0; }
-.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
-.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
-.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
-.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
-.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
-.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
-
-.pb-0 { padding-bottom: 0; }
-.pb-2 { padding-bottom: 0.5rem; }
-.pb-4 { padding-bottom: 1rem; }
-.pb-6 { padding-bottom: 1.5rem; }
-
-.pt-0 { padding-top: 0; }
-.pt-4 { padding-top: 1rem; }
-.pt-6 { padding-top: 1.5rem; }
-
-.pl-4 { padding-left: 1rem; }
-.pl-8 { padding-left: 2rem; }
-
-.pr-2 { padding-right: 0.5rem; }
-.pr-4 { padding-right: 1rem; }
-
-/* Spacing - Margin */
-.m-0 { margin: 0; }
-.m-1 { margin: 0.25rem; }
-.m-2 { margin: 0.5rem; }
-.m-4 { margin: 1rem; }
-.m-auto { margin: auto; }
-
-.mx-auto { margin-left: auto; margin-right: auto; }
-.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
-.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
-.mx-4 { margin-left: 1rem; margin-right: 1rem; }
-
-.my-0 { margin-top: 0; margin-bottom: 0; }
-.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
-.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
-.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
-
-.mb-0 { margin-bottom: 0; }
-.mb-1 { margin-bottom: 0.25rem; }
-.mb-2 { margin-bottom: 0.5rem; }
-.mb-4 { margin-bottom: 1rem; }
-.mb-6 { margin-bottom: 1.5rem; }
-.mb-8 { margin-bottom: 2rem; }
-
-.mt-0 { margin-top: 0; }
-.mt-1 { margin-top: 0.25rem; }
-.mt-2 { margin-top: 0.5rem; }
-.mt-4 { margin-top: 1rem; }
-.mt-6 { margin-top: 1.5rem; }
-.mt-8 { margin-top: 2rem; }
-
-.ml-1 { margin-left: 0.25rem; }
-.ml-2 { margin-left: 0.5rem; }
-.ml-4 { margin-left: 1rem; }
-.ml-auto { margin-left: auto; }
-
-.mr-1 { margin-right: 0.25rem; }
-.mr-2 { margin-right: 0.5rem; }
-.mr-4 { margin-right: 1rem; }
-
-.-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; }
-.-mx-4 { margin-left: -1rem; margin-right: -1rem; }
-
-.-my-1 { margin-top: -0.25rem; margin-bottom: -0.25rem; }
-.-mb-4 { margin-bottom: -1rem; }
-
-/* Gap */
-.gap-0 { gap: 0; }
-.gap-1 { gap: 0.25rem; }
-.gap-2 { gap: 0.5rem; }
-.gap-3 { gap: 0.75rem; }
-.gap-4 { gap: 1rem; }
-.gap-6 { gap: 1.5rem; }
-.gap-8 { gap: 2rem; }
-
-/* Space between */
-.space-y-0 > * + * { margin-top: 0; }
-.space-y-1 > * + * { margin-top: 0.25rem; }
-.space-y-2 > * + * { margin-top: 0.5rem; }
-.space-y-4 > * + * { margin-top: 1rem; }
-.space-y-6 > * + * { margin-top: 1.5rem; }
-.space-y-8 > * + * { margin-top: 2rem; }
-
-.space-x-0 > * + * { margin-left: 0; }
-.space-x-1 > * + * { margin-left: 0.25rem; }
-.space-x-2 > * + * { margin-left: 0.5rem; }
-.space-x-4 > * + * { margin-left: 1rem; }
-.space-x-8 > * + * { margin-left: 2rem; }
-
-/* Width */
-.w-full { width: 100%; }
-.w-auto { width: auto; }
-.w-fit { width: fit-content; }
-.w-min { width: min-content; }
-.w-max { width: max-content; }
-
-/* Height */
-.h-full { height: 100%; }
-.h-auto { height: auto; }
-.h-fit { height: fit-content; }
-.h-min { height: min-content; }
-.h-max { height: max-content; }
-
-/* Size */
-.size-4 { width: 1rem; height: 1rem; }
-.size-8 { width: 2rem; height: 2rem; }
-.size-9 { width: 2.25rem; height: 2.25rem; }
-.size-10 { width: 2.5rem; height: 2.5rem; }
-
-/* Min/Max width */
-.min-w-0 { min-width: 0px; }
-.min-w-full { min-width: 100%; }
-.min-w-fit { min-width: fit-content; }
-.min-w-max { min-width: max-content; }
-.min-w-min { min-width: min-content; }
-
-.max-w-full { max-width: 100%; }
-.max-w-sm { max-width: 24rem; }
-.max-w-md { max-width: 28rem; }
-.max-w-lg { max-width: 32rem; }
-.max-w-xl { max-width: 36rem; }
-.max-w-2xl { max-width: 42rem; }
-.max-w-3xl { max-width: 48rem; }
-.max-w-4xl { max-width: 56rem; }
-.max-w-5xl { max-width: 64rem; }
-.max-w-96 { max-width: 24rem; }
-.max-w-fit { max-width: fit-content; }
-
-/* Min/Max height */
-.min-h-full { min-height: 100%; }
-.min-h-screen { min-height: 100vh; }
-.min-h-svh { min-height: 100svh; }
-
-.max-h-full { max-height: 100%; }
-.max-h-screen { max-height: 100vh; }
-
-/* Position */
-.relative { position: relative; }
-.absolute { position: absolute; }
-.fixed { position: fixed; }
-.sticky { position: sticky; }
-.static { position: static; }
-
-.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
-.inset-x-0 { left: 0; right: 0; }
-.inset-y-0 { top: 0; bottom: 0; }
-
-.top-0 { top: 0; }
-.top-1 { top: 0.25rem; }
-.top-2 { top: 0.5rem; }
-.top-4 { top: 1rem; }
-.top-full { top: 100%; }
-
-.bottom-0 { bottom: 0; }
-.bottom-2 { bottom: 0.5rem; }
-.bottom-4 { bottom: 1rem; }
-.bottom-full { bottom: 100%; }
-
-.left-0 { left: 0; }
-.left-1 { left: 0.25rem; }
-.left-2 { left: 0.5rem; }
-.left-full { left: 100%; }
-
-.right-0 { right: 0; }
-.right-1 { right: 0.25rem; }
-.right-2 { right: 0.5rem; }
-.right-full { right: 100%; }
-
-/* Z-index */
-.z-0 { z-index: 0; }
-.z-10 { z-index: 10; }
-.z-20 { z-index: 20; }
-.z-30 { z-index: 30; }
-.z-40 { z-index: 40; }
-.z-50 { z-index: 50; }
-
-/* Overflow */
-.overflow-auto { overflow: auto; }
-.overflow-hidden { overflow: hidden; }
-.overflow-visible { overflow: visible; }
-.overflow-scroll { overflow: scroll; }
-.overflow-x-auto { overflow-x: auto; }
-.overflow-y-auto { overflow-y: auto; }
-.overflow-x-hidden { overflow-x: hidden; }
-.overflow-y-hidden { overflow-y: hidden; }
-
-/* Text overflow */
-.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.text-ellipsis { text-overflow: ellipsis; }
-.text-clip { text-overflow: clip; }
-.whitespace-nowrap { white-space: nowrap; }
-.whitespace-pre { white-space: pre; }
-.whitespace-pre-wrap { white-space: pre-wrap; }
-.whitespace-pre-line { white-space: pre-line; }
-.whitespace-normal { white-space: normal; }
-
-/* Border Radius */
-.rounded-none { border-radius: 0; }
-.rounded-sm { border-radius: calc(var(--radius) * 0.6); }
-.rounded { border-radius: var(--radius); }
-.rounded-md { border-radius: calc(var(--radius) * 0.8); }
-.rounded-lg { border-radius: var(--radius); }
-.rounded-xl { border-radius: calc(var(--radius) * 1.4); }
-.rounded-2xl { border-radius: calc(var(--radius) * 1.8); }
-.rounded-3xl { border-radius: calc(var(--radius) * 2.2); }
-.rounded-full { border-radius: 9999px; }
-
-.rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; }
-.rounded-t { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
-.rounded-b { border-bottom-left-radius: var(--radius); border-bottom-right-radius: var(--radius); }
-.rounded-b-xl { border-bottom-left-radius: calc(var(--radius) * 1.4); border-bottom-right-radius: calc(var(--radius) * 1.4); }
-.rounded-l { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius); }
-.rounded-r { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius); }
-.rounded-tl { border-top-left-radius: var(--radius); }
-.rounded-tr { border-top-right-radius: var(--radius); }
-.rounded-bl { border-bottom-left-radius: var(--radius); }
-.rounded-br { border-bottom-right-radius: var(--radius); }
-
-/* Border width */
-.border-0 { border-width: 0px; }
-.border { border-width: 1px; }
-.border-2 { border-width: 2px; }
-.border-4 { border-width: 4px; }
-.border-8 { border-width: 8px; }
-
-.border-t { border-top-width: 1px; }
-.border-t-2 { border-top-width: 2px; }
-.border-b { border-bottom-width: 1px; }
-.border-l { border-left-width: 1px; }
-.border-r { border-right-width: 1px; }
-
-/* Border style */
-.border-solid { border-style: solid; }
-.border-dashed { border-style: dashed; }
-.border-dotted { border-style: dotted; }
-.border-double { border-style: double; }
-.border-hidden { border-style: hidden; }
-.border-none { border-style: none; }
-
-/* Border color */
-.border-transparent { border-color: transparent; }
-.border-inherit { border-color: inherit; }
-.border-current { border-color: currentColor; }
-
-/* Background color using theme */
-.bg-background { background-color: var(--background); }
-.bg-foreground { background-color: var(--foreground); }
-.bg-card { background-color: var(--card); }
-.bg-card-foreground { background-color: var(--card-foreground); }
-.bg-popover { background-color: var(--popover); }
-.bg-popover-foreground { background-color: var(--popover-foreground); }
-.bg-primary { background-color: var(--primary); }
-.bg-primary-foreground { background-color: var(--primary-foreground); }
-.bg-secondary { background-color: var(--secondary); }
-.bg-secondary-foreground { background-color: var(--secondary-foreground); }
-.bg-muted { background-color: var(--muted); }
-.bg-muted-foreground { background-color: var(--muted-foreground); }
-.bg-accent { background-color: var(--accent); }
-.bg-accent-foreground { background-color: var(--accent-foreground); }
-.bg-destructive { background-color: var(--destructive); }
-.bg-destructive-foreground { background-color: var(--destructive-foreground); }
-.bg-border { background-color: var(--border); }
-.bg-input { background-color: var(--input); }
-.bg-ring { background-color: var(--ring); }
-.bg-transparent { background-color: transparent; }
-.bg-black { background-color: #000; }
-.bg-white { background-color: #fff; }
-
-/* Text color using theme */
-.text-background { color: var(--background); }
-.text-foreground { color: var(--foreground); }
-.text-card { color: var(--card); }
-.text-card-foreground { color: var(--card-foreground); }
-.text-popover { color: var(--popover); }
-.text-popover-foreground { color: var(--popover-foreground); }
-.text-primary { color: var(--primary); }
-.text-primary-foreground { color: var(--primary-foreground); }
-.text-secondary { color: var(--secondary); }
-.text-secondary-foreground { color: var(--secondary-foreground); }
-.text-muted { color: var(--muted); }
-.text-muted-foreground { color: var(--muted-foreground); }
-.text-accent { color: var(--accent); }
-.text-accent-foreground { color: var(--accent-foreground); }
-.text-destructive { color: var(--destructive); }
-.text-destructive-foreground { color: var(--destructive-foreground); }
-.text-transparent { color: transparent; }
-.text-black { color: #000; }
-.text-white { color: #fff; }
-
-/* Font size */
-.text-xs { font-size: 0.75rem; line-height: 1rem; }
-.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
-.text-base { font-size: 1rem; line-height: 1.5rem; }
-.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
-.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
-.text-2xl { font-size: 1.5rem; line-height: 2rem; }
-.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
-
-/* Font weight */
-.font-light { font-weight: 300; }
-.font-normal { font-weight: 400; }
-.font-medium { font-weight: 500; }
-.font-semibold { font-weight: 600; }
-.font-bold { font-weight: 700; }
-
-/* Line height */
-.leading-3 { line-height: .75rem; }
-.leading-4 { line-height: 1rem; }
-.leading-5 { line-height: 1.25rem; }
-.leading-6 { line-height: 1.5rem; }
-.leading-7 { line-height: 1.75rem; }
-.leading-8 { line-height: 2rem; }
-.leading-none { line-height: 1; }
-.leading-tight { line-height: 1.25; }
-.leading-snug { line-height: 1.375; }
-.leading-normal { line-height: 1.5; }
-.leading-relaxed { line-height: 1.625; }
-
-/* Letter spacing */
-.tracking-tight { letter-spacing: -0.025em; }
-.tracking-normal { letter-spacing: 0em; }
-.tracking-wide { letter-spacing: 0.025em; }
-.tracking-wider { letter-spacing: 0.05em; }
-.tracking-widest { letter-spacing: 0.1em; }
-
-/* Text alignment */
-.text-left { text-align: left; }
-.text-center { text-align: center; }
-.text-right { text-align: right; }
-.text-justify { text-align: justify; }
-.text-start { text-align: start; }
-.text-end { text-align: end; }
-
-/* Text transform */
-.uppercase { text-transform: uppercase; }
-.lowercase { text-transform: lowercase; }
-.capitalize { text-transform: capitalize; }
-.normal-case { text-transform: none; }
-
-/* Text decoration */
-.underline { text-decoration-line: underline; }
-.overline { text-decoration-line: overline; }
-.line-through { text-decoration-line: line-through; }
-.no-underline { text-decoration-line: none; }
-
-/* Cursor */
-.cursor-auto { cursor: auto; }
-.cursor-default { cursor: default; }
-.cursor-pointer { cursor: pointer; }
-.cursor-wait { cursor: wait; }
-.cursor-text { cursor: text; }
-.cursor-move { cursor: move; }
-.cursor-help { cursor: help; }
-.cursor-not-allowed { cursor: not-allowed; }
-
-/* Pointer events */
-.pointer-events-auto { pointer-events: auto; }
-.pointer-events-none { pointer-events: none; }
-
-/* Select */
-.select-none { user-select: none; }
-.select-text { user-select: text; }
-.select-all { user-select: all; }
-.select-auto { user-select: auto; }
-
-/* Resize */
-.resize-none { resize: none; }
-.resize-y { resize: vertical; }
-.resize-x { resize: horizontal; }
-.resize { resize: both; }
-
-/* Appearance */
-.appearance-none { appearance: none; }
-
-/* Scroll behavior */
-.scroll-auto { scroll-behavior: auto; }
-.scroll-smooth { scroll-behavior: smooth; }
-
-/* List style */
-.list-none { list-style-type: none; }
-.list-disc { list-style-type: disc; }
-.list-decimal { list-style-type: decimal; }
-
-/* Outline */
-.outline-none { outline: 2px solid transparent; outline-offset: 2px; }
-
-/* Ring */
-.ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
-.ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
-.ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
-
-/* Focus ring */
-.focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
-.focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; }
-
-/* Shadow */
-.shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }
-.shadow { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
-.shadow-md { box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
-.shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
-.shadow-xl { box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); }
-
-/* Opacity */
-.opacity-0 { opacity: 0; }
-.opacity-25 { opacity: 0.25; }
-.opacity-50 { opacity: 0.5; }
-.opacity-75 { opacity: 0.75; }
-.opacity-100 { opacity: 1; }
-
-/* Screen readers */
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-.not-sr-only {
-  position: static;
-  width: auto;
-  height: auto;
-  padding: 0;
-  margin: 0;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-}
-
-/* Print */
-.print\:hidden { display: none; }
-
-/* Line clamp */
-.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
-.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
-.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
-
-/* Placeholder */
-.placeholder\:text-muted-foreground::placeholder { color: var(--muted-foreground); }
-
-/* File */
-.file\:border-0::file-selector-button { border-width: 0px; }
-.file\:bg-transparent::file-selector-button { background-color: transparent; }
-.file\:text-sm::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; }
-.file\:font-medium::file-selector-button { font-weight: 500; }
-
-/* Marker */
-.marker\:text-foreground *::marker { color: var(--foreground); }
-
-/* Selection */
-.selection\:bg-primary *::selection { background-color: var(--primary); }
-.selection\:text-primary-foreground *::selection { color: var(--primary-foreground); }
-
-/* Animations */
-@keyframes fadeUp {
-  from { opacity: 0; transform: translateY(24px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-.animate-fade-up { animation: fadeUp 0.7s ease forwards; }
-
-/* Section label */
-.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;
-}
-
-/* Brand colors */
-.bg-deep-command { background-color: #0A0F11; }
-.bg-slate-mist { background-color: #202428; }
-.bg-formant-white { background-color: #F2F3F4; }
-.bg-horizon-glow { background-color: #ACC3B3; }
-.bg-terminal-amber { background-color: #E8AB7F; }
-
-/* Arbitrary color classes used by components */
-.bg-[#0A0F11] { background-color: #0A0F11; }
-.bg-[#151B1C] { background-color: #151B1C; }
-.bg-[#1A2A22] { background-color: #1A2A22; }
-.bg-[#202428] { background-color: #202428; }
-.bg-[#2A1E14] { background-color: #2A1E14; }
-.bg-[#8B8CF4] { background-color: #8B8CF4; }
-.bg-[#ACC3B3] { background-color: #ACC3B3; }
-.bg-[#E8AB7F] { background-color: #E8AB7F; }
-.bg-[#F2F3F4] { background-color: #F2F3F4; }
-.bg-[#f0c090] { background-color: #f0c090; }
-
-.bg-[rgba(172,195,179,0.08)] { background-color: rgba(172,195,179,0.08); }
-.bg-[rgba(172,195,179,0.4)] { background-color: rgba(172,195,179,0.4); }
-.bg-[rgba(163,171,169,0.2)] { background-color: rgba(163,171,169,0.2); }
-
-.text-horizon-glow { color: #ACC3B3; }
-.text-terminal-amber { color: #E8AB7F; }
-.text-muted-foreground { color: var(--muted-foreground); }
-
-/* Border utilities */
-.border-border { border-color: var(--border); }
-.border-input { border-color: var(--input); }
-.border-ring { border-color: var(--ring); }
-
-/* Focus utilities */
-.focus-visible\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
-.focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: rgb(var(--ring) / 0.5); }
-.focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; }
-.focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: var(--background); }
-
-/* Disabled */
-.disabled\:pointer-events-none:disabled { pointer-events: none; }
-.disabled\:opacity-50:disabled { opacity: 0.5; }
-.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
-
-/* Active */
-.active\:translate-y-px:active { --tw-translate-y: 1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
-
-/* ARIA states */
-.aria-invalid\:border-destructive[aria-invalid="true"] { border-color: var(--destructive); }
-.aria-invalid\:ring-2[aria-invalid="true"] { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
-.aria-invalid\:ring-destructive\/20[aria-invalid="true"] { --tw-ring-color: rgb(var(--destructive) / 0.2); }
-
-/* Data states */
-.data\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: var(--primary); }
-.data\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: var(--primary-foreground); }
-.data\[state\=open\]\:bg-accent[data-state="open"] { background-color: var(--accent); }
-.data\[state\=open\]\:text-accent-foreground[data-state="open"] { color: var(--accent-foreground); }
-
-/* Group hover */
-.group:hover .group-hover\:text-accent-foreground { color: var(--accent-foreground); }
-
-/* Group data */
-.group[data-state="open"] .group-data\[state\=open\]\:text-accent-foreground { color: var(--accent-foreground); }
-
-/* Custom scrollbar */
-::-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; }