@amulet-laboratories/hex 0.5.2 → 0.7.0

package/README.md

@@ -1,17 +1,8 @@
 # Hex
 
-> Multi-theme CSS layer for [Rig](https://github.com/Amulet-Laboratories/rig) — curated palettes targeting `data-rig-*` selectors
+> Multi-theme CSS layer for [Rig](https://github.com/Amulet-Laboratories/rig) — 27 curated palettes targeting `data-rig-*` selectors.
 
-Hex ships pure CSS — no JavaScript, no runtime. It styles Rig's headless components with four curated themes. Swap themes by loading a different CSS file.
-
-## Themes
-
-| Theme       | Mode  | Background           | Primary         | Feel                           |
-| ----------- | ----- | -------------------- | --------------- | ------------------------------ |
-| **Hexrig**  | Dark  | `#121417` slate      | `#5ea9a2` teal  | Lab default, neutral developer |
-| **VSCode**  | Dark  | `#1f1f1f` gray       | `#0078d4` blue  | IDE faithful                   |
-| **Spotify** | Dark  | `#121212` near-black | `#1db954` green | Music streaming                |
-| **Gmail**   | Light | `#ffffff` white      | `#1a73e8` blue  | Material                       |
+Pure CSS — no JavaScript, no runtime. Hex styles Rig's headless components with a token-based contract. Swap themes by changing one import.
 
 ## Install
 
@@ -19,56 +10,96 @@ Hex ships pure CSS — no JavaScript, no runtime. It styles Rig's headless compo
 pnpm add @amulet-laboratories/hex
 ```
 
+## Themes
+
+Twenty-seven themes ship in a single package. Each is a self-contained CSS bundle (~80–130 KB minified). Import the one you want — every Rig component re-skins to the new tokens on the next paint.
+
+| Theme         | Mode  | Feel                                   |
+| ------------- | ----- | -------------------------------------- |
+| `beacon`      | Dark  | Cobalt-adjacent, distinct primary      |
+| `brass`       | Light | Warm metallic neutrals                 |
+| `cardinal`    | Dark  | Saturated red on near-black            |
+| `citron`      | Light | High-contrast yellow-green             |
+| `clover`      | Light | Sage green on cream                    |
+| `cobalt`      | Dark  | VSCode Dark Modern — mapped 1:1        |
+| `copper`      | Dark  | Burnt orange on charcoal               |
+| `cypress`     | Light | Coastal-soft, ocean greens + sand      |
+| `damson`      | Dark  | Deep plum on dusk                      |
+| `fern`        | Light | Forested mid-tones                     |
+| `forge`       | Dark  | Iron + ember accent                    |
+| `garden`      | Light | Lab default — neutral developer        |
+| `greyline`    | Dark  | Achromatic with single accent          |
+| `harbor`      | Dark  | Slate + soft teal                      |
+| `hearth`      | Dark  | Espresso brown + crema gold            |
+| `iris`        | Light | Institutional cool — paper white + ink |
+| `juniper`     | Dark  | Forest green on charcoal               |
+| `lagoon`      | Dark  | Noir steel — gold accent               |
+| `ochre`       | Light | Earth-pigment neutrals                 |
+| `orchid`      | Light | Magenta-on-white art aesthetic         |
+| `quartz`      | Light | Cool minimal — pale stone              |
+| `roast`       | Light | Warm parchment — coffee-shop legible   |
+| `sienna`      | Light | Warm community — sienna + slate        |
+| `slate`       | Light | Cool grey neutrals                     |
+| `spacewizard` | Dark  | Cosmic violet + electric accent        |
+| `vesper`      | Dark  | Evening-warm — soft lavender + amber   |
+| `voltaic`     | Dark  | Deep navy + phosphor green             |
+
 ## Usage
 
 Import a single theme bundle (tokens + base + component styles):
 
 ```ts
-import '@amulet-laboratories/hex' // default (hexrig)
-import '@amulet-laboratories/hex/vscode' // vscode dark
-import '@amulet-laboratories/hex/spotify' // spotify dark
-import '@amulet-laboratories/hex/gmail' // gmail light
+import '@amulet-laboratories/hex/cobalt'
+import '@amulet-laboratories/hex/garden'
+import '@amulet-laboratories/hex/spacewizard'
 ```
 
-Or import source files for custom PostCSS builds:
+Source files (uncompiled) are available at `{theme}/source` for custom PostCSS / Tailwind v4 builds:
 
 ```ts
-import '@amulet-laboratories/hex/hexrig/source'
-import '@amulet-laboratories/hex/vscode/source'
-import '@amulet-laboratories/hex/spotify/source'
-import '@amulet-laboratories/hex/gmail/source'
+import '@amulet-laboratories/hex/cobalt/source'
+```
+
+Building a custom theme outside this package? Import the shared component CSS individually:
+
+```ts
+import '@amulet-laboratories/hex/shared/rig-defaults'
+import '@amulet-laboratories/hex/shared/components/core'
+import '@amulet-laboratories/hex/shared/components/web'
+// …pick whichever Rig sub-packages your app uses
+import '@amulet-laboratories/hex/shared/a11y'
 ```
 
 ## Architecture
 
 ```
 src/
-  index.css                     default entry (imports hexrig)
+  index.css                     default entry (imports the default theme)
   shared/
     a11y.css                    forced-colors + prefers-contrast overrides
+    rig-defaults.css            baseline data-rig-* defaults (theme-agnostic)
     components/
-      core.css                  Button, Input, Select, Textarea, Checkbox, Switch,
-                                Radio, Badge, Progress, Card, Divider, Kbd, TagInput,
-                                Combobox, Tooltip, Skeleton, PropertyGrid, InlineEditor
-      layout.css                ShellGrid, Sidebar, View, Panel, Modal, Resizer,
-                                Accordion, Collapsible, Popover, PeekView, ScrollArea
-      nav.css                   ActivityBar, PanelBar, StatusBar, Breadcrumbs, Tabs
+      core.css                  Button, Input, Select, Card, Badge, …
+      layout.css                ShellGrid, Sidebar, Modal, Popover, …
+      nav.css                   ActivityBar, Tabs, Breadcrumbs, …
       editor.css                EditorWorkbench, EditorTab
-      lists.css                 List, TreeView, Table
-      menus.css                 CommandPalette, ContextMenu, ActionBar, KeyboardHint,
-                                DropdownMenu, Menubar
-      extras.css                Toast, EmptyState, NotificationCenter
-      shell.css                 IdeShell
-      data.css                  Sparkline, MiniBar, StatCard, charts, diagrams
-      spatial.css               MapCanvas, GlobeView, ScatterPlot3D, GraphNetwork
-      temporal.css              TimelineScrubber, AnimatedChart, PlaybackControls
+      lists.css                 List, TreeView, Table, DataGrid
+      menus.css                 CommandPalette, ContextMenu, …
+      extras.css                Toast, EmptyState, NotificationCenter, …
+      shell.css                 IdeShell + ChatPanel, FileBrowser, etc.
+      data.css                  Sparkline, MiniBar, StatCard, charts
+      spatial.css               GraphNetwork, GlobeView, MapCanvas, …
+      temporal.css              TimelineScrubber, AnimatedChart, …
+      web.css                   SiteShell, Hero, Section, CTABanner, …
+      prose.css                 markdown / longform content styles
+      content.css               higher-level content surfaces
   themes/
-    {hexrig,vscode,spotify,gmail}/
+    {beacon, brass, cardinal, …, voltaic}/
       index.css                 full bundle entry
       tokens.css                @theme block + :root custom properties
-      base.css                  html/body, scrollbar, focus, selection, transitions
+      base.css                  html/body, scrollbar, focus, selection
       components.css            barrel importing all shared component CSS
-      domains.css               [data-domain] accent map, responsive, unstyled reset
+      domains.css               [data-domain] accent map
 ```
 
 ## Styling contract
@@ -87,29 +118,27 @@ No class names are assumed or generated. Consumers can layer additional styles o
 
 Each theme defines a shadcn-compatible token contract in `@theme` (Tailwind v4) and `:root` (vanilla CSS):
 
-**Surface:** `--color-background`, `--color-foreground`, `--color-card`, `--color-popover`, `--color-secondary`, `--color-muted`, `--color-accent` (+ foreground variants)
-
-**Brand:** `--color-primary`, `--color-primary-foreground`
-
-**Status:** `--color-success`, `--color-warning`, `--color-info`, `--color-destructive`
-
-**Borders:** `--color-border`, `--color-input`, `--color-ring`
+- **Surface** — `--color-background`, `--color-foreground`, `--color-card`, `--color-popover`, `--color-secondary`, `--color-muted`, `--color-accent` (plus `-foreground` variants)
+- **Brand** — `--color-primary`, `--color-primary-foreground`
+- **Status** — `--color-success`, `--color-warning`, `--color-info`, `--color-destructive`
+- **Borders** — `--color-border`, `--color-input`, `--color-ring`
+- **Layout** — `--radius`, `--font-sans`, `--font-mono`, `--font-display`
 
-**Layout:** `--radius`, `--font-sans`, `--font-mono`
+Component-specific token hooks (e.g. `--rig-button-bg`, `--rig-button-cta-bg`, `--rig-card-accent`) let consumers override one slot without overriding the whole selector.
 
 ## Accessibility
 
 - `prefers-reduced-motion: reduce` disables all animations and transitions
 - Custom `focus-visible` outlines for keyboard navigation
 - `forced-colors` and `prefers-contrast` overrides in `shared/a11y.css`
-- Firefox native scrollbar styling via `scrollbar-width` and `scrollbar-color`
+- Firefox-native scrollbar styling via `scrollbar-width` and `scrollbar-color`
 
 ## Build
 
 ```bash
 pnpm build        # PostCSS (Tailwind v4 + cssnano) → dist/ (minified)
 pnpm dev          # Watch mode
-pnpm test         # Build + validate output (17 tests)
+pnpm test         # Build + validate output
 pnpm lint         # ESLint
 pnpm lint:css     # Stylelint
 pnpm format       # Prettier

package/dist/beacon.css

@@ -1 +1 @@
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--radius:9999px;--color-background:#000;--color-foreground:#fff;--color-card:#012;--color-card-foreground:#fff;--color-popover:#001a33;--color-popover-foreground:#fff;--color-primary:#f96;--color-primary-foreground:#000;--color-secondary:#96c;--color-secondary-foreground:#000;--color-muted:#012;--color-muted-foreground:#99c;--color-accent:#fc0;--color-accent-foreground:#000;--color-destructive:#c44;--color-destructive-foreground:#000;--color-success:#9c6;--color-warning:#fc0;--color-info:#69c;--color-border:#000;--color-input:#012;--color-ring:#f96}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--default-font-family,var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"));font-feature-settings:var(--default-font-feature-settings,initial);font-variation-settings:var(--default-font-variation-settings,initial);tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace));font-feature-settings:var(--default-mono-font-feature-settings,initial);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,initial)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.start{inset-inline-start:var(--spacing,.25rem)}.block{display:block}.inline{display:inline}.bg-background{background-color:var(--color-background)}.font-mono{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)}.font-sans{font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji")}.text-sm{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.text-foreground{color:var(--color-foreground)}}:root{--rig-activitybar-bg:var(--color-muted);--rig-activitybar-border:var(--color-border);--rig-activitybar-fg:var(--color-foreground);--rig-activitybar-inactive-fg:var(--color-muted-foreground);--rig-activitybar-active-border:var(--color-primary);--rig-activitybar-active-border-width:2px;--rig-activitybar-active-fg:var(--color-foreground);--rig-sidebar-active-bg:color-mix(in srgb,#fff 8%,transparent);@supports (color:color-mix(in lab,red,red)){--rig-sidebar-active-bg:color-mix(in srgb,var(--color-foreground) 8%,transparent)}--rig-badge-bg:var(--color-primary);--rig-badge-fg:var(--color-primary-foreground);--rig-activitybar-badge-bg:var(--color-primary);--rig-activitybar-badge-fg:var(--color-primary-foreground);--rig-button-bg:var(--color-primary);--rig-button-fg:var(--color-primary-foreground);--rig-button-hover-bg:color-mix(in srgb,#f96 85%,#000);@supports (color:color-mix(in lab,red,red)){--rig-button-hover-bg:color-mix(in srgb,var(--color-primary) 85%,#000)}--rig-button-border:var(--color-border);--rig-button-secondary-bg:transparent;--rig-button-secondary-fg:var(--color-foreground);--rig-button-secondary-hover-bg:var(--color-accent);--rig-checkbox-bg:var(--color-input);--rig-checkbox-border:var(--color-border);--rig-description-fg:var(--color-muted-foreground);--rig-highlight-bg:var(--color-warning);--rig-highlight-fg:var(--color-background);--rig-dropdown-bg:var(--color-popover);--rig-dropdown-border:var(--color-border);--rig-dropdown-fg:var(--color-foreground);--rig-dropdown-list-bg:var(--color-background);--rig-editor-bg:var(--color-background);--rig-editor-fg:var(--color-foreground);--rig-editor-group-header-bg:var(--color-muted);--rig-editor-line-number-fg:var(--color-muted-foreground);--rig-input-bg:var(--color-input);--rig-input-border:var(--color-border);--rig-input-fg:var(--color-foreground);--rig-input-placeholder:var(--color-muted-foreground);--rig-keybinding-fg:var(--color-foreground);--rig-list-active-bg:var(--color-primary);--rig-list-active-fg:var(--color-primary-foreground);--rig-list-hover-bg:color-mix(in srgb,#fff 4%,transparent);@supports (color:color-mix(in lab,red,red)){--rig-list-hover-bg:color-mix(in srgb,var(--color-foreground) 4%,transparent)}--rig-list-inactive-bg:color-mix(in srgb,#fff 6%,transparent);@supports (color:color-mix(in lab,red,red)){--rig-list-inactive-bg:color-mix(in srgb,var(--color-foreground) 6%,transparent)}--rig-menu-bg:var(--color-popover);--rig-menu-selection-bg:var(--color-primary);--rig-notification-bg:var(--color-popover);--rig-notification-fg:var(--color-foreground);--rig-notification-border:var(--color-border);--rig-panel-border:var(--color-border);--rig-panel-title-active-border:var(--color-primary);--rig-panel-title-active-fg:var(--color-foreground);--rig-panel-title-inactive-fg:var(--color-muted-foreground);--rig-progress-bg:var(--color-primary);--rig-quickinput-bg:var(--color-popover);--rig-sash-hover:var(--color-primary);--rig-scrollbar-thumb:color-mix(in srgb,#fff 15%,transparent);@supports (color:color-mix(in lab,red,red)){--rig-scrollbar-thumb:color-mix(in srgb,var(--color-foreground) 15%,transparent)}--rig-scrollbar-thumb-hover:color-mix(in srgb,#fff 28%,transparent);@supports (color:color-mix(in lab,red,red)){--rig-scrollbar-thumb-hover:color-mix(in srgb,var(--color-foreground) 28%,transparent)}--rig-sidebar-bg:var(--color-muted);--rig-sidebar-border:var(--color-border);--rig-sidebar-fg:var(--color-foreground);--rig-sidebar-section-header-border:var(--color-border);--rig-statusbar-bg:var(--color-muted);--rig-statusbar-border:var(--color-border);--rig-statusbar-fg:var(--color-foreground);--rig-statusbar-hover-bg:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){--rig-statusbar-hover-bg:color-mix(in srgb,var(--color-foreground) 10%,transparent)}--rig-tab-active-bg:var(--color-background);--rig-tab-active-border-top:var(--color-primary);--rig-tab-active-fg:var(--color-foreground);--rig-tab-border:var(--color-border);--rig-tab-inactive-bg:var(--color-muted);--rig-tab-inactive-fg:var(--color-muted-foreground);--rig-widget-bg:var(--color-popover);--rig-widget-border:var(--color-border);--rig-elevation-rgb:0 0 0;--rig-elevation-0:none;--rig-elevation-1:0 1px 2px rgba(var(--rig-elevation-rgb),0.06),0 1px 1px rgba(var(--rig-elevation-rgb),0.04);--rig-elevation-2:0 4px 12px rgba(var(--rig-elevation-rgb),0.08),0 2px 4px rgba(var(--rig-elevation-rgb),0.06);--rig-elevation-3:0 12px 32px rgba(var(--rig-elevation-rgb),0.12),0 4px 8px rgba(var(--rig-elevation-rgb),0.08);--rig-elevation-4:0 24px 64px rgba(var(--rig-elevation-rgb),0.18),0 8px 16px rgba(var(--rig-elevation-rgb),0.1);--rig-display-xs:1.5rem;--rig-display-sm:2rem;--rig-display-md:2.75rem;--rig-display-lg:3.5rem;--rig-display-xl:4.5rem;--rig-display-2xl:6rem;--rig-display-tracking:0;--rig-display-leading:1.1;--rig-display-weight:700;--link-slide-color:var(--color-primary)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--lcars-orange);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--lcars-yellow)}*{scrollbar-color:var(--lcars-orange) transparent;scrollbar-width:thin}:focus-visible{outline:2px solid var(--lcars-orange);outline-offset:1px}::selection{background:var(--lcars-mauve);color:#000}[data-rig-button]{border-radius:9999px}:root{--background:#000;--foreground:#fff;--card:#012;--card-foreground:#fff;--popover:#001a33;--popover-foreground:#fff;--primary:#f96;--primary-foreground:#000;--secondary:#96c;--secondary-foreground:#000;--muted:#012;--muted-foreground:#99c;--accent:#fc0;--accent-foreground:#000;--destructive:#c44;--destructive-foreground:#000;--success:#9c6;--warning:#fc0;--info:#69c;--border:#000;--input:#012;--ring:#f96;--radius:9999px;--lcars-burnt-orange:#c60;--lcars-orange:#f93;--lcars-peach:#f96;--lcars-salmon:#f98;--lcars-yellow:#fc0;--lcars-mustard:#fc6;--lcars-cream:#fc9;--lcars-mauve:#96c;--lcars-plum:#c9c;--lcars-red:#c44;--lcars-red-bright:#c66;--lcars-navy:#012;--lcars-navy-mid:#036;--lcars-blue:#69c;--lcars-blue-light:#9cf;--rig-sidebar-bg:#c60;--rig-sidebar-border:#000;--rig-sidebar-fg:#000;--rig-sidebar-active-bg:#f96;--rig-sidebar-active-fg:#000;--rig-sidebar-section-header-border:#000;--rig-activitybar-bg:#96c;--rig-activitybar-border:#000;--rig-activitybar-fg:#000;--rig-activitybar-inactive-fg:#000;--rig-activitybar-active-fg:#000;--rig-activitybar-active-border:#000;--rig-activitybar-active-border-width:0;--rig-activitybar-badge-bg:#c44;--rig-activitybar-badge-fg:#000;--rig-statusbar-bg:#f96;--rig-statusbar-fg:#000;--rig-statusbar-border:#000;--rig-statusbar-hover-bg:#fc0;--rig-titlebar-hover-bg:rgba(255,204,0,.25);--rig-tab-active-bg:#012;--rig-tab-active-fg:#f96;--rig-tab-active-border-top:#fc0;--rig-tab-inactive-bg:#000;--rig-tab-inactive-fg:#c60;--rig-tab-border:#000;--rig-button-bg:#f96;--rig-button-fg:#000;--rig-button-border:#f96;--rig-button-hover-bg:#fc0;--rig-button-hover-fg:#000;--rig-button-outline-border:#f96;--rig-button-secondary-bg:#96c;--rig-button-secondary-fg:#000;--rig-button-secondary-hover-bg:#c9c;--rig-button-secondary-hover-fg:#000;--rig-input-bg:#012;--rig-input-border:#000;--rig-input-fg:#fff;--rig-input-placeholder:#69c;--rig-dropdown-bg:#001a33;--rig-dropdown-border:#000;--rig-dropdown-fg:#fff;--rig-dropdown-list-bg:#000;--rig-checkbox-bg:#012;--rig-checkbox-border:#f96;--rig-badge-bg:#fc0;--rig-badge-fg:#000;--rig-editor-bg:#000;--rig-editor-fg:#fff;--rig-editor-group-header-bg:#012;--rig-editor-line-number-fg:#69c;--rig-list-hover-bg:rgba(204,102,0,.18);--rig-list-active-bg:#f96;--rig-list-active-fg:#000;--rig-list-inactive-bg:transparent;--rig-scrollbar-thumb:#c60;--rig-scrollbar-thumb-hover:#fc0;--rig-panel-border:#000;--rig-panel-title-active-border:#fc0;--rig-panel-title-active-fg:#f96;--rig-panel-title-inactive-fg:#c60;--rig-notification-bg:#012;--rig-notification-border:#f96;--rig-notification-fg:#fff;--rig-widget-bg:#001a33;--rig-widget-border:#000;--rig-progress-bg:#012;--rig-sash-hover:#f96;--rig-card-accent:#fc0;--rig-card-hover-bg:#001a33;--rig-description-fg:#99c;--rig-keybinding-fg:#fc0;--rig-elevation-2:none;--rig-media-filter:none}
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme, base, components, utilities;@layer theme{:host,:root{--radius:9999px;--color-background:#000;--color-foreground:#fff;--color-card:#012;--color-card-foreground:#fff;--color-popover:#001a33;--color-popover-foreground:#fff;--color-primary:#f96;--color-primary-foreground:#000;--color-secondary:#96c;--color-secondary-foreground:#000;--color-muted:#012;--color-muted-foreground:#99c;--color-accent:#fc0;--color-accent-foreground:#000;--color-destructive:#c44;--color-destructive-foreground:#000;--color-success:#9c6;--color-warning:#fc0;--color-info:#69c;--color-border:#000;--color-input:#012;--color-ring:#f96}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--default-font-family,var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"));font-feature-settings:var(--default-font-feature-settings,initial);font-variation-settings:var(--default-font-variation-settings,initial);tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace));font-feature-settings:var(--default-mono-font-feature-settings,initial);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,initial)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.start{inset-inline-start:var(--spacing,.25rem)}.block{display:block}.inline{display:inline}.border{border-style:var(--tw-border-style);border-width:1px}.bg-background{background-color:var(--color-background)}.font-mono{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)}.font-sans{font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji")}.text-sm{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.text-foreground{color:var(--color-foreground)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:root{--rig-activitybar-bg:var(--color-muted);--rig-activitybar-border:var(--color-border);--rig-activitybar-fg:var(--color-foreground);--rig-activitybar-inactive-fg:var(--color-muted-foreground);--rig-activitybar-active-border:var(--color-primary);--rig-activitybar-active-border-width:2px;--rig-activitybar-active-fg:var(--color-foreground);--rig-sidebar-active-bg:color-mix(in srgb,#fff 8%,transparent);@supports (color:color-mix(in lab,red,red)){--rig-sidebar-active-bg:color-mix(in srgb,var(--color-foreground) 8%,transparent)}--rig-badge-bg:var(--color-primary);--rig-badge-fg:var(--color-primary-foreground);--rig-activitybar-badge-bg:var(--color-primary);--rig-activitybar-badge-fg:var(--color-primary-foreground);--rig-button-bg:var(--color-primary);--rig-button-fg:var(--color-primary-foreground);--rig-button-hover-bg:color-mix(in srgb,#f96 85%,#000);@supports (color:color-mix(in lab,red,red)){--rig-button-hover-bg:color-mix(in srgb,var(--color-primary) 85%,#000)}--rig-button-border:var(--color-border);--rig-button-secondary-bg:transparent;--rig-button-secondary-fg:var(--color-foreground);--rig-button-secondary-hover-bg:var(--color-accent);--rig-checkbox-bg:var(--color-input);--rig-checkbox-border:var(--color-border);--rig-description-fg:var(--color-muted-foreground);--rig-highlight-bg:var(--color-warning);--rig-highlight-fg:var(--color-background);--rig-dropdown-bg:var(--color-popover);--rig-dropdown-border:var(--color-border);--rig-dropdown-fg:var(--color-foreground);--rig-dropdown-list-bg:var(--color-background);--rig-editor-bg:var(--color-background);--rig-editor-fg:var(--color-foreground);--rig-editor-group-header-bg:var(--color-muted);--rig-editor-line-number-fg:var(--color-muted-foreground);--rig-input-bg:var(--color-input);--rig-input-border:var(--color-border);--rig-input-fg:var(--color-foreground);--rig-input-placeholder:var(--color-muted-foreground);--rig-keybinding-fg:var(--color-foreground);--rig-list-active-bg:var(--color-primary);--rig-list-active-fg:var(--color-primary-foreground);--rig-list-hover-bg:color-mix(in srgb,#fff 4%,transparent);@supports (color:color-mix(in lab,red,red)){--rig-list-hover-bg:color-mix(in srgb,var(--color-foreground) 4%,transparent)}--rig-list-inactive-bg:color-mix(in srgb,#fff 6%,transparent);@supports (color:color-mix(in lab,red,red)){--rig-list-inactive-bg:color-mix(in srgb,var(--color-foreground) 6%,transparent)}--rig-menu-bg:var(--color-popover);--rig-menu-selection-bg:var(--color-primary);--rig-notification-bg:var(--color-popover);--rig-notification-fg:var(--color-foreground);--rig-notification-border:var(--color-border);--rig-panel-border:var(--color-border);--rig-panel-title-active-border:var(--color-primary);--rig-panel-title-active-fg:var(--color-foreground);--rig-panel-title-inactive-fg:var(--color-muted-foreground);--rig-progress-bg:var(--color-primary);--rig-quickinput-bg:var(--color-popover);--rig-sash-hover:var(--color-primary);--rig-scrollbar-thumb:color-mix(in srgb,#fff 15%,transparent);@supports (color:color-mix(in lab,red,red)){--rig-scrollbar-thumb:color-mix(in srgb,var(--color-foreground) 15%,transparent)}--rig-scrollbar-thumb-hover:color-mix(in srgb,#fff 28%,transparent);@supports (color:color-mix(in lab,red,red)){--rig-scrollbar-thumb-hover:color-mix(in srgb,var(--color-foreground) 28%,transparent)}--rig-sidebar-bg:var(--color-muted);--rig-sidebar-border:var(--color-border);--rig-sidebar-fg:var(--color-foreground);--rig-sidebar-section-header-border:var(--color-border);--rig-statusbar-bg:var(--color-muted);--rig-statusbar-border:var(--color-border);--rig-statusbar-fg:var(--color-foreground);--rig-statusbar-hover-bg:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){--rig-statusbar-hover-bg:color-mix(in srgb,var(--color-foreground) 10%,transparent)}--rig-tab-active-bg:var(--color-background);--rig-tab-active-border-top:var(--color-primary);--rig-tab-active-fg:var(--color-foreground);--rig-tab-border:var(--color-border);--rig-tab-inactive-bg:var(--color-muted);--rig-tab-inactive-fg:var(--color-muted-foreground);--rig-widget-bg:var(--color-popover);--rig-widget-border:var(--color-border);--rig-elevation-rgb:0 0 0;--rig-elevation-0:none;--rig-elevation-1:0 1px 2px rgba(var(--rig-elevation-rgb),0.06),0 1px 1px rgba(var(--rig-elevation-rgb),0.04);--rig-elevation-2:0 4px 12px rgba(var(--rig-elevation-rgb),0.08),0 2px 4px rgba(var(--rig-elevation-rgb),0.06);--rig-elevation-3:0 12px 32px rgba(var(--rig-elevation-rgb),0.12),0 4px 8px rgba(var(--rig-elevation-rgb),0.08);--rig-elevation-4:0 24px 64px rgba(var(--rig-elevation-rgb),0.18),0 8px 16px rgba(var(--rig-elevation-rgb),0.1);--rig-display-xs:1.5rem;--rig-display-sm:2rem;--rig-display-md:2.75rem;--rig-display-lg:3.5rem;--rig-display-xl:4.5rem;--rig-display-2xl:6rem;--rig-display-tracking:0;--rig-display-leading:1.1;--rig-display-weight:700;--link-slide-color:var(--color-primary)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--lcars-orange);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--lcars-yellow)}*{scrollbar-color:var(--lcars-orange) transparent;scrollbar-width:thin}:focus-visible{outline:2px solid var(--lcars-orange);outline-offset:1px}::selection{background:var(--lcars-mauve);color:#000}[data-rig-button]{border-radius:9999px}:root{--background:#000;--foreground:#fff;--card:#012;--card-foreground:#fff;--popover:#001a33;--popover-foreground:#fff;--primary:#f96;--primary-foreground:#000;--secondary:#96c;--secondary-foreground:#000;--muted:#012;--muted-foreground:#99c;--accent:#fc0;--accent-foreground:#000;--destructive:#c44;--destructive-foreground:#000;--success:#9c6;--warning:#fc0;--info:#69c;--border:#000;--input:#012;--ring:#f96;--radius:9999px;--lcars-burnt-orange:#c60;--lcars-orange:#f93;--lcars-peach:#f96;--lcars-salmon:#f98;--lcars-yellow:#fc0;--lcars-mustard:#fc6;--lcars-cream:#fc9;--lcars-mauve:#96c;--lcars-plum:#c9c;--lcars-red:#c44;--lcars-red-bright:#c66;--lcars-navy:#012;--lcars-navy-mid:#036;--lcars-blue:#69c;--lcars-blue-light:#9cf;--rig-sidebar-bg:#c60;--rig-sidebar-border:#000;--rig-sidebar-fg:#000;--rig-sidebar-active-bg:#f96;--rig-sidebar-active-fg:#000;--rig-sidebar-section-header-border:#000;--rig-activitybar-bg:#96c;--rig-activitybar-border:#000;--rig-activitybar-fg:#000;--rig-activitybar-inactive-fg:#000;--rig-activitybar-active-fg:#000;--rig-activitybar-active-border:#000;--rig-activitybar-active-border-width:0;--rig-activitybar-badge-bg:#c44;--rig-activitybar-badge-fg:#000;--rig-statusbar-bg:#f96;--rig-statusbar-fg:#000;--rig-statusbar-border:#000;--rig-statusbar-hover-bg:#fc0;--rig-titlebar-hover-bg:rgba(255,204,0,.25);--rig-tab-active-bg:#012;--rig-tab-active-fg:#f96;--rig-tab-active-border-top:#fc0;--rig-tab-inactive-bg:#000;--rig-tab-inactive-fg:#c60;--rig-tab-border:#000;--rig-button-bg:#f96;--rig-button-fg:#000;--rig-button-border:#f96;--rig-button-hover-bg:#fc0;--rig-button-hover-fg:#000;--rig-button-outline-border:#f96;--rig-button-secondary-bg:#96c;--rig-button-secondary-fg:#000;--rig-button-secondary-hover-bg:#c9c;--rig-button-secondary-hover-fg:#000;--rig-input-bg:#012;--rig-input-border:#000;--rig-input-fg:#fff;--rig-input-placeholder:#69c;--rig-dropdown-bg:#001a33;--rig-dropdown-border:#000;--rig-dropdown-fg:#fff;--rig-dropdown-list-bg:#000;--rig-checkbox-bg:#012;--rig-checkbox-border:#f96;--rig-badge-bg:#fc0;--rig-badge-fg:#000;--rig-editor-bg:#000;--rig-editor-fg:#fff;--rig-editor-group-header-bg:#012;--rig-editor-line-number-fg:#69c;--rig-list-hover-bg:rgba(204,102,0,.18);--rig-list-active-bg:#f96;--rig-list-active-fg:#000;--rig-list-inactive-bg:transparent;--rig-scrollbar-thumb:#c60;--rig-scrollbar-thumb-hover:#fc0;--rig-panel-border:#000;--rig-panel-title-active-border:#fc0;--rig-panel-title-active-fg:#f96;--rig-panel-title-inactive-fg:#c60;--rig-notification-bg:#012;--rig-notification-border:#f96;--rig-notification-fg:#fff;--rig-widget-bg:#001a33;--rig-widget-border:#000;--rig-progress-bg:#012;--rig-sash-hover:#f96;--rig-card-accent:#fc0;--rig-card-hover-bg:#001a33;--rig-description-fg:#99c;--rig-keybinding-fg:#fc0;--rig-elevation-2:none;--rig-media-filter:none}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}