@amulet-laboratories/hex 0.5.2 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/README.md +77 -48
  2. package/dist/beacon.css +1 -1
  3. package/dist/brass.css +2 -2
  4. package/dist/cardinal.css +2 -2
  5. package/dist/citron.css +2 -2
  6. package/dist/clover.css +2 -2
  7. package/dist/cobalt.css +2 -2
  8. package/dist/copper.css +2 -2
  9. package/dist/cypress.css +2 -2
  10. package/dist/damson.css +2 -2
  11. package/dist/fern.css +2 -2
  12. package/dist/forge.css +2 -2
  13. package/dist/garden.css +2 -2
  14. package/dist/greyline.css +2 -2
  15. package/dist/harbor.css +2 -2
  16. package/dist/hearth.css +2 -2
  17. package/dist/hex.css +2 -2
  18. package/dist/iris.css +2 -2
  19. package/dist/juniper.css +2 -2
  20. package/dist/lagoon.css +2 -2
  21. package/dist/ochre.css +2 -2
  22. package/dist/orchid.css +2 -2
  23. package/dist/quartz.css +2 -2
  24. package/dist/roast.css +2 -2
  25. package/dist/scoped.css +1 -1
  26. package/dist/sienna.css +2 -2
  27. package/dist/slate.css +2 -2
  28. package/dist/spacewizard.css +2 -2
  29. package/dist/vesper.css +2 -2
  30. package/dist/voltaic.css +1 -1
  31. package/package.json +18 -1
  32. package/src/scoped/themes/cardinal.css +12 -12
  33. package/src/scoped/themes/clover.css +3 -3
  34. package/src/scoped/themes/cypress.css +12 -12
  35. package/src/scoped/themes/hearth.css +2 -2
  36. package/src/scoped/themes/iris.css +12 -12
  37. package/src/scoped/themes/lagoon.css +3 -3
  38. package/src/scoped/themes/ochre.css +6 -6
  39. package/src/scoped/themes/sienna.css +6 -6
  40. package/src/scoped/themes/vesper.css +3 -3
  41. package/src/shared/components/core.css +15 -5
  42. package/src/shared/components/data.css +1 -1
  43. package/src/themes/cardinal/base.css +1 -1
  44. package/src/themes/cardinal/components.css +1 -1
  45. package/src/themes/cardinal/domains.css +1 -1
  46. package/src/themes/cardinal/tokens.css +9 -9
  47. package/src/themes/clover/base.css +1 -1
  48. package/src/themes/clover/components.css +1 -1
  49. package/src/themes/clover/domains.css +1 -1
  50. package/src/themes/clover/tokens.css +2 -2
  51. package/src/themes/copper/base.css +1 -1
  52. package/src/themes/copper/components.css +1 -1
  53. package/src/themes/copper/domains.css +1 -1
  54. package/src/themes/copper/tokens.css +2 -2
  55. package/src/themes/cypress/base.css +1 -1
  56. package/src/themes/cypress/components.css +1 -1
  57. package/src/themes/cypress/domains.css +2 -2
  58. package/src/themes/cypress/tokens.css +3 -3
  59. package/src/themes/damson/base.css +1 -1
  60. package/src/themes/damson/components.css +1 -1
  61. package/src/themes/damson/domains.css +1 -1
  62. package/src/themes/damson/tokens.css +2 -2
  63. package/src/themes/hearth/base.css +1 -1
  64. package/src/themes/hearth/tokens.css +1 -1
  65. package/src/themes/iris/base.css +1 -1
  66. package/src/themes/iris/components.css +1 -1
  67. package/src/themes/iris/domains.css +2 -2
  68. package/src/themes/iris/tokens.css +2 -2
  69. package/src/themes/lagoon/base.css +1 -1
  70. package/src/themes/lagoon/components.css +1 -1
  71. package/src/themes/lagoon/domains.css +2 -2
  72. package/src/themes/lagoon/tokens.css +2 -2
  73. package/src/themes/roast/base.css +1 -1
  74. package/src/themes/roast/components.css +1 -1
  75. package/src/themes/roast/domains.css +1 -1
  76. package/src/themes/roast/tokens.css +12 -12
  77. package/src/themes/sienna/base.css +2 -2
  78. package/src/themes/sienna/components.css +1 -1
  79. package/src/themes/sienna/domains.css +1 -1
  80. package/src/themes/sienna/tokens.css +3 -3
  81. package/src/themes/slate/base.css +1 -1
  82. package/src/themes/slate/components.css +1 -1
  83. package/src/themes/slate/domains.css +1 -1
  84. package/src/themes/slate/tokens.css +2 -2
  85. package/src/themes/vesper/tokens.css +1 -1
  86. package/src/themes/voltaic/base.css +1 -1
  87. package/src/themes/voltaic/index.css +2 -2
  88. package/src/themes/voltaic/tokens.css +1 -1
package/dist/voltaic.css CHANGED
@@ -1 +1 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme, base, components, utilities;@layer theme{:host,:root{--color-blue-lightest:#cad3f7;--color-blue-lighter:#a0b2ff;--color-blue:#132881;--color-blue-darker:#091441;--color-blue-darkest:#060d2b;--color-green:#aef66d;--color-accent:#aef66d;--color-background:#060d2b;--color-foreground:#a0b2ff;--color-card:#091441;--color-card-foreground:#a0b2ff;--color-popover:#0d1b56;--color-popover-foreground:#cad3f7;--color-primary:#aef66d;--color-primary-foreground:#060d2b;--color-secondary:#091441;--color-secondary-foreground:#a0b2ff;--color-muted:#0d1b56;--color-muted-foreground:#a0b2ff;--color-accent-foreground:#060d2b;--color-destructive:#f85149;--color-destructive-foreground:#cad3f7;--color-success:#aef66d;--color-warning:#dff081;--color-info:#2d4fe0;--color-border:#132881;--color-input:#0d1b56;--color-ring:#aef66d;--font-body:"Open Sans",sans-serif;--font-accent:"Fira Code",monospace;--radius:0.25rem;--drop-shadow-green:0 0 4px #aef66da1}}@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,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,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)}.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,#a0b2ff 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,#aef66d 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-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,#a0b2ff 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,#a0b2ff 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,#a0b2ff 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,#a0b2ff 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,#a0b2ff 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;--rig-media-filter:none;--link-slide-color:var(--color-primary)}*,:after,:before{box-sizing:border-box;margin:0}#app,.my-app,body,html{background-color:var(--color-blue-darkest);color-scheme:dark;font-family:var(--font-body);font-size:18px;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:768px){#app,.my-app,body,html{font-size:16px}}a,b,h1,h2,li,p,span{color:var(--color-blue-lighter)}a,div,p,span{font-family:var(--font-body);--tw-leading:calc(var(--spacing, 0.25rem)*6);line-height:calc(var(--spacing, .25rem)*6);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300)}h2{margin-bottom:calc(var(--spacing, .25rem)*8);margin-top:calc(var(--spacing, .25rem)*4);--tw-font-weight:var(--font-weight-bold,700);color:var(--color-blue-lightest);font-weight:var(--font-weight-bold,700)}a{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));&:hover{color:var(--color-accent);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}}button{border-color:var(--color-accent);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;color:var(--color-green);font-family:var(--font-accent);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));max-width:fit-content;padding-block:calc(var(--spacing, .25rem)*2);padding-inline:calc(var(--spacing, .25rem)*4);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));&:hover{background-color:var(--color-green);color:var(--color-blue-darkest);--tw-drop-shadow-size:drop-shadow(0 0 4px var(--tw-drop-shadow-color,#aef66da1));--tw-drop-shadow:drop-shadow(var(--drop-shadow-green));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);>*{color:var(--color-blue-darkest)}}}li{&:before{background-color:var(--color-accent);content:"";display:inline-block;height:calc(var(--spacing, .25rem)*1);margin-bottom:.1rem;margin-right:calc(var(--spacing, .25rem)*2);width:calc(var(--spacing, .25rem)*1)}}.hero-heading{font-size:clamp(36px,6vw,72px)}.section-heading{font-size:clamp(22px,5vw,30px);overflow:hidden;position:relative;&:after{background-color:var(--color-blue-lighter);content:"";height:1px;margin-left:calc(var(--spacing, .25rem)*4);position:absolute;top:13px;width:25%}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(160,178,255,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(160,178,255,.4)}*{scrollbar-color:rgba(160,178,255,.2) transparent;scrollbar-width:thin}:focus-visible{outline:1px solid var(--color-ring);outline-offset:-1px}::selection{background:rgba(45,79,224,.4);color:var(--color-blue-lightest)}.job-slide-fade-enter-active{transition:all .3s ease-out}.job-slide-fade-leave-active{transition:all 0s cubic-bezier(1,.5,.8,1)}.job-slide-fade-enter-from,.job-slide-fade-leave-to{opacity:0;transform:translateX(20px)}.header-slide-fade-enter-active,.header-slide-fade-leave-active{transition:all .2s ease-out}.header-slide-fade-enter-from,.header-slide-fade-leave-to{opacity:0;transform:translateY(-40px)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--background:#060d2b;--foreground:#a0b2ff;--primary:#aef66d;--primary-foreground:#060d2b;--border:#132881;--input:#0d1b56;--ring:#aef66d;--radius:0.25rem;--rig-button-bg:var(--color-accent);--rig-button-fg:var(--color-blue-darkest);--rig-button-hover-bg:var(--color-green);--rig-button-border:var(--color-accent);--rig-button-secondary-bg:transparent;--rig-button-secondary-fg:var(--color-accent);--rig-button-secondary-hover-bg:var(--color-blue-darker);--rig-input-bg:var(--color-blue-darker);--rig-input-border:var(--color-blue);--rig-input-fg:var(--color-blue-lightest);--rig-input-placeholder:var(--color-blue-lighter);--rig-badge-bg:var(--color-accent);--rig-badge-fg:var(--color-blue-darkest);--rig-sidebar-bg:var(--color-blue-darker);--rig-sidebar-border:var(--color-blue);--rig-sidebar-fg:var(--color-blue-lighter);--rig-scrollbar-thumb:rgba(160,178,255,.15);--rig-scrollbar-thumb-hover:rgba(160,178,255,.28);--rig-list-hover-bg:hsla(92,88%,70%,.06);--rig-list-active-bg:var(--color-accent);--rig-list-active-fg:var(--color-blue-darkest);--rig-description-fg:var(--color-blue-lighter)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@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-leading:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme, base, components, utilities;@layer theme{:host,:root{--color-blue-lightest:#cad3f7;--color-blue-lighter:#a0b2ff;--color-blue:#132881;--color-blue-darker:#091441;--color-blue-darkest:#060d2b;--color-green:#aef66d;--color-accent:#aef66d;--color-background:#060d2b;--color-foreground:#a0b2ff;--color-card:#091441;--color-card-foreground:#a0b2ff;--color-popover:#0d1b56;--color-popover-foreground:#cad3f7;--color-primary:#aef66d;--color-primary-foreground:#060d2b;--color-secondary:#091441;--color-secondary-foreground:#a0b2ff;--color-muted:#0d1b56;--color-muted-foreground:#a0b2ff;--color-accent-foreground:#060d2b;--color-destructive:#f85149;--color-destructive-foreground:#cad3f7;--color-success:#aef66d;--color-warning:#dff081;--color-info:#2d4fe0;--color-border:#132881;--color-input:#0d1b56;--color-ring:#aef66d;--font-body:"Open Sans",sans-serif;--font-accent:"Fira Code",monospace;--radius:0.25rem;--drop-shadow-green:0 0 4px #aef66da1}}@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,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,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)}.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,#a0b2ff 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,#aef66d 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-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,#a0b2ff 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,#a0b2ff 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,#a0b2ff 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,#a0b2ff 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,#a0b2ff 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;--rig-media-filter:none;--link-slide-color:var(--color-primary)}*,:after,:before{box-sizing:border-box;margin:0}#app,.my-app,body,html{background-color:var(--color-blue-darkest);color-scheme:dark;font-family:var(--font-body);font-size:18px;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:768px){#app,.my-app,body,html{font-size:16px}}a,b,h1,h2,li,p,span{color:var(--color-blue-lighter)}a,div,p,span{font-family:var(--font-body);--tw-leading:calc(var(--spacing, 0.25rem)*6);line-height:calc(var(--spacing, .25rem)*6);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300)}h2{margin-bottom:calc(var(--spacing, .25rem)*8);margin-top:calc(var(--spacing, .25rem)*4);--tw-font-weight:var(--font-weight-bold,700);color:var(--color-blue-lightest);font-weight:var(--font-weight-bold,700)}a{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));&:hover{color:var(--color-accent);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}}button{border-color:var(--color-accent);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;color:var(--color-green);font-family:var(--font-accent);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));max-width:fit-content;padding-block:calc(var(--spacing, .25rem)*2);padding-inline:calc(var(--spacing, .25rem)*4);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));&:hover{background-color:var(--color-green);color:var(--color-blue-darkest);--tw-drop-shadow-size:drop-shadow(0 0 4px var(--tw-drop-shadow-color,#aef66da1));--tw-drop-shadow:drop-shadow(var(--drop-shadow-green));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);>*{color:var(--color-blue-darkest)}}}li{&:before{background-color:var(--color-accent);content:"";display:inline-block;height:calc(var(--spacing, .25rem)*1);margin-bottom:.1rem;margin-right:calc(var(--spacing, .25rem)*2);width:calc(var(--spacing, .25rem)*1)}}.hero-heading{font-size:clamp(36px,6vw,72px)}.section-heading{font-size:clamp(22px,5vw,30px);overflow:hidden;position:relative;&:after{background-color:var(--color-blue-lighter);content:"";height:1px;margin-left:calc(var(--spacing, .25rem)*4);position:absolute;top:13px;width:25%}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(160,178,255,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(160,178,255,.4)}*{scrollbar-color:rgba(160,178,255,.2) transparent;scrollbar-width:thin}:focus-visible{outline:1px solid var(--color-ring);outline-offset:-1px}::selection{background:rgba(45,79,224,.4);color:var(--color-blue-lightest)}.job-slide-fade-enter-active{transition:all .3s ease-out}.job-slide-fade-leave-active{transition:all 0s cubic-bezier(1,.5,.8,1)}.job-slide-fade-enter-from,.job-slide-fade-leave-to{opacity:0;transform:translateX(20px)}.header-slide-fade-enter-active,.header-slide-fade-leave-active{transition:all .2s ease-out}.header-slide-fade-enter-from,.header-slide-fade-leave-to{opacity:0;transform:translateY(-40px)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--background:#060d2b;--foreground:#a0b2ff;--primary:#aef66d;--primary-foreground:#060d2b;--border:#132881;--input:#0d1b56;--ring:#aef66d;--radius:0.25rem;--rig-button-bg:var(--color-accent);--rig-button-fg:var(--color-blue-darkest);--rig-button-hover-bg:var(--color-green);--rig-button-border:var(--color-accent);--rig-button-secondary-bg:transparent;--rig-button-secondary-fg:var(--color-accent);--rig-button-secondary-hover-bg:var(--color-blue-darker);--rig-input-bg:var(--color-blue-darker);--rig-input-border:var(--color-blue);--rig-input-fg:var(--color-blue-lightest);--rig-input-placeholder:var(--color-blue-lighter);--rig-badge-bg:var(--color-accent);--rig-badge-fg:var(--color-blue-darkest);--rig-sidebar-bg:var(--color-blue-darker);--rig-sidebar-border:var(--color-blue);--rig-sidebar-fg:var(--color-blue-lighter);--rig-scrollbar-thumb:rgba(160,178,255,.15);--rig-scrollbar-thumb-hover:rgba(160,178,255,.28);--rig-list-hover-bg:hsla(92,88%,70%,.06);--rig-list-active-bg:var(--color-accent);--rig-list-active-fg:var(--color-blue-darkest);--rig-description-fg:var(--color-blue-lighter)}@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}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@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-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;--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amulet-laboratories/hex",
3
- "version": "0.5.2",
3
+ "version": "0.6.0",
4
4
  "type": "module",
5
5
  "description": "Multi-theme layer for Rig — curated palettes targeting data-rig-* selectors",
6
6
  "license": "MIT",
@@ -83,6 +83,23 @@
83
83
  "./slate/source": "./src/themes/slate/index.css",
84
84
  "./beacon": "./dist/beacon.css",
85
85
  "./beacon/source": "./src/themes/beacon/index.css",
86
+ "./shared/rig-defaults": "./src/shared/rig-defaults.css",
87
+ "./shared/a11y": "./src/shared/a11y.css",
88
+ "./shared/tokens": "./src/shared/tokens.css",
89
+ "./shared/components/core": "./src/shared/components/core.css",
90
+ "./shared/components/layout": "./src/shared/components/layout.css",
91
+ "./shared/components/nav": "./src/shared/components/nav.css",
92
+ "./shared/components/editor": "./src/shared/components/editor.css",
93
+ "./shared/components/lists": "./src/shared/components/lists.css",
94
+ "./shared/components/menus": "./src/shared/components/menus.css",
95
+ "./shared/components/extras": "./src/shared/components/extras.css",
96
+ "./shared/components/shell": "./src/shared/components/shell.css",
97
+ "./shared/components/data": "./src/shared/components/data.css",
98
+ "./shared/components/spatial": "./src/shared/components/spatial.css",
99
+ "./shared/components/temporal": "./src/shared/components/temporal.css",
100
+ "./shared/components/prose": "./src/shared/components/prose.css",
101
+ "./shared/components/web": "./src/shared/components/web.css",
102
+ "./shared/components/content": "./src/shared/components/content.css",
86
103
  "./scoped": "./dist/scoped.css",
87
104
  "./scoped/source": "./src/scoped/index.css",
88
105
  "./scoped/tokens": "./src/scoped/tokens.css",
@@ -9,7 +9,7 @@
9
9
  * #EDEAE4 oatmeal — card
10
10
  * #DDD7CE kraft — secondary, muted
11
11
  * #2A2521 espresso — foreground text
12
- * #706459 walnut — muted foreground
12
+ * #62574d walnut — muted foreground
13
13
  * #B83232 broadcast red — primary, ring
14
14
  * #2D6A4F dial green — accent
15
15
  *
@@ -24,22 +24,22 @@
24
24
  --color-card-foreground: #2a2521;
25
25
  --color-popover: #ffffff;
26
26
  --color-popover-foreground: #2a2521;
27
- --color-primary: #b83232;
27
+ --color-primary: #b02d2d;
28
28
  --color-primary-foreground: #fffdf8;
29
29
  --color-secondary: #ddd7ce;
30
30
  --color-secondary-foreground: #2a2521;
31
31
  --color-muted: #ddd7ce;
32
- --color-muted-foreground: #706459;
32
+ --color-muted-foreground: #62574d;
33
33
  --color-accent: #2d6a4f;
34
34
  --color-accent-foreground: #fffdf8;
35
- --color-destructive: #b83232;
35
+ --color-destructive: #b02d2d;
36
36
  --color-destructive-foreground: #fffdf8;
37
37
  --color-success: #2d6a4f;
38
38
  --color-warning: #d4a030;
39
39
  --color-info: #4a6a8a;
40
40
  --color-border: #cbc4ba;
41
41
  --color-input: #cbc4ba;
42
- --color-ring: #b83232;
42
+ --color-ring: #b02d2d;
43
43
  --font-sans: 'Chivo', 'Inter', system-ui, sans-serif;
44
44
  --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;
45
45
  --font-serif: 'Newsreader', Georgia, serif;
@@ -67,22 +67,22 @@
67
67
  --card-foreground: #2a2521;
68
68
  --popover: #ffffff;
69
69
  --popover-foreground: #2a2521;
70
- --primary: #b83232;
70
+ --primary: #b02d2d;
71
71
  --primary-foreground: #fffdf8;
72
72
  --secondary: #ddd7ce;
73
73
  --secondary-foreground: #2a2521;
74
74
  --muted: #ddd7ce;
75
- --muted-foreground: #706459;
75
+ --muted-foreground: #62574d;
76
76
  --accent: #2d6a4f;
77
77
  --accent-foreground: #fffdf8;
78
- --destructive: #b83232;
78
+ --destructive: #b02d2d;
79
79
  --destructive-foreground: #fffdf8;
80
80
  --success: #2d6a4f;
81
81
  --warning: #d4a030;
82
82
  --info: #4a6a8a;
83
83
  --border: #cbc4ba;
84
84
  --input: #cbc4ba;
85
- --ring: #b83232;
85
+ --ring: #b02d2d;
86
86
  --text-2xs: 0.625rem;
87
87
  --text-xs: 0.75rem;
88
88
  --text-sm: 0.8125rem;
@@ -105,8 +105,8 @@
105
105
  --kbcv-oatmeal: #edeae4;
106
106
  --kbcv-kraft: #ddd7ce;
107
107
  --kbcv-espresso: #2a2521;
108
- --kbcv-walnut: #706459;
109
- --kbcv-red: #b83232;
108
+ --kbcv-walnut: #62574d;
109
+ --kbcv-red: #b02d2d;
110
110
  --kbcv-green: #2d6a4f;
111
111
  --rig-button-hover-bg: #ddd7ce;
112
112
  --rig-scrollbar-thumb: rgba(42, 37, 33, 0.12);
@@ -122,6 +122,6 @@
122
122
  /* Slight grain on imagery — newspaper feel */
123
123
  --rig-media-filter: saturate(0.95) brightness(0.98);
124
124
 
125
- --link-slide-color: #b83232;
125
+ --link-slide-color: #b02d2d;
126
126
  --rig-elevation-rgb: 42 37 33;
127
127
  }
@@ -30,7 +30,7 @@
30
30
  --color-secondary-foreground: #1a2a1a;
31
31
  --color-muted: #e0ece0;
32
32
  --color-muted-foreground: #4a6a4a;
33
- --color-accent: #d16b3f;
33
+ --color-accent: #b8592f;
34
34
  --color-accent-foreground: #f8fdf6;
35
35
  --color-destructive: #cc3b3b;
36
36
  --color-destructive-foreground: #f8fdf6;
@@ -70,7 +70,7 @@
70
70
  --secondary-foreground: #1a2a1a;
71
71
  --muted: #e0ece0;
72
72
  --muted-foreground: #4a6a4a;
73
- --accent: #d16b3f;
73
+ --accent: #b8592f;
74
74
  --accent-foreground: #f8fdf6;
75
75
  --destructive: #cc3b3b;
76
76
  --destructive-foreground: #f8fdf6;
@@ -104,7 +104,7 @@
104
104
  --ca-moss: #1a2a1a;
105
105
  --ca-fern: #4a6a4a;
106
106
  --ca-green: #2d7a3e;
107
- --ca-coral: #d16b3f;
107
+ --ca-coral: #b8592f;
108
108
  --rig-button-hover-bg: #e0ece0;
109
109
  --rig-scrollbar-thumb: rgba(26, 42, 26, 0.12);
110
110
  --rig-scrollbar-thumb-hover: rgba(26, 42, 26, 0.25);
@@ -26,22 +26,22 @@
26
26
  --color-card-foreground: #2c2420;
27
27
  --color-popover: #fffdf8;
28
28
  --color-popover-foreground: #2c2420;
29
- --color-primary: #1a7a7a;
29
+ --color-primary: #136868;
30
30
  --color-primary-foreground: #fffdf8;
31
31
  --color-secondary: #e8e0d4;
32
32
  --color-secondary-foreground: #2c2420;
33
33
  --color-muted: #e8e0d4;
34
- --color-muted-foreground: #6a8888;
34
+ --color-muted-foreground: #5a7676;
35
35
  --color-accent: #c4634f;
36
36
  --color-accent-foreground: #fffdf8;
37
37
  --color-destructive: #c4634f;
38
38
  --color-destructive-foreground: #fffdf8;
39
39
  --color-success: #7a9e7e;
40
40
  --color-warning: #d4a843;
41
- --color-info: #1a7a7a;
41
+ --color-info: #136868;
42
42
  --color-border: #d4c9b8;
43
43
  --color-input: #d4c9b8;
44
- --color-ring: #1a7a7a;
44
+ --color-ring: #136868;
45
45
  --font-sans: 'Source Sans 3', 'Inter', system-ui, sans-serif;
46
46
  --font-mono: 'DM Mono', 'SF Mono', ui-monospace, monospace;
47
47
  --font-serif: 'Cormorant Garamond', Georgia, serif;
@@ -66,22 +66,22 @@
66
66
  --card-foreground: #2c2420;
67
67
  --popover: #fffdf8;
68
68
  --popover-foreground: #2c2420;
69
- --primary: #1a7a7a;
69
+ --primary: #136868;
70
70
  --primary-foreground: #fffdf8;
71
71
  --secondary: #e8e0d4;
72
72
  --secondary-foreground: #2c2420;
73
73
  --muted: #e8e0d4;
74
- --muted-foreground: #6a8888;
74
+ --muted-foreground: #5a7676;
75
75
  --accent: #c4634f;
76
76
  --accent-foreground: #fffdf8;
77
77
  --destructive: #c4634f;
78
78
  --destructive-foreground: #fffdf8;
79
79
  --success: #7a9e7e;
80
80
  --warning: #d4a843;
81
- --info: #1a7a7a;
81
+ --info: #136868;
82
82
  --border: #d4c9b8;
83
83
  --input: #d4c9b8;
84
- --ring: #1a7a7a;
84
+ --ring: #136868;
85
85
  --text-2xs: 0.625rem;
86
86
  --text-xs: 0.75rem;
87
87
  --text-sm: 0.8125rem;
@@ -104,11 +104,11 @@
104
104
  --tm-sand: #e8e0d4;
105
105
  --tm-driftwood: #b5a898;
106
106
  --tm-charcoal: #2c2420;
107
- --tm-clay: #6a8888;
108
- --tm-cyan: #1a7a7a;
107
+ --tm-clay: #5a7676;
108
+ --tm-cyan: #136868;
109
109
  --tm-terracotta: #c4634f;
110
110
  --tm-sage: #7a9e7e;
111
- --rig-button-hover-bg: #156a6a;
111
+ --rig-button-hover-bg: #136262;
112
112
  --rig-button-hover-fg: #fffdf8;
113
113
  --rig-button-secondary-bg: transparent;
114
114
  --rig-button-secondary-fg: var(--color-foreground);
@@ -127,6 +127,6 @@
127
127
  /* Coastal warm-light cast */
128
128
  --rig-media-filter: saturate(1.05) brightness(1.03);
129
129
 
130
- --link-slide-color: #1a7a7a;
130
+ --link-slide-color: #136868;
131
131
  --rig-elevation-rgb: 44 36 32;
132
132
  }
@@ -38,7 +38,7 @@
38
38
  --color-accent-foreground: #16120e;
39
39
  --color-destructive: #c44830;
40
40
  --color-destructive-foreground: #ede4d8;
41
- --color-success: #5a8a5c;
41
+ --color-success: #6aa06c;
42
42
  --color-warning: #d4a040;
43
43
  --color-info: #5a8ab0;
44
44
  --color-border: #362e26;
@@ -78,7 +78,7 @@
78
78
  --accent-foreground: #16120e;
79
79
  --destructive: #c44830;
80
80
  --destructive-foreground: #ede4d8;
81
- --success: #5a8a5c;
81
+ --success: #6aa06c;
82
82
  --warning: #d4a040;
83
83
  --info: #5a8ab0;
84
84
  --border: #362e26;
@@ -28,7 +28,7 @@
28
28
  --color-card-foreground: #1a1428;
29
29
  --color-popover: #ffffff;
30
30
  --color-popover-foreground: #1a1428;
31
- --color-primary: #6d42c4;
31
+ --color-primary: #653bb8;
32
32
  --color-primary-foreground: #ffffff;
33
33
  --color-secondary: #ede8f5;
34
34
  --color-secondary-foreground: #1a1428;
@@ -39,11 +39,11 @@
39
39
  --color-destructive: #dc2626;
40
40
  --color-destructive-foreground: #ffffff;
41
41
  --color-success: #16a34a;
42
- --color-warning: #d97706;
43
- --color-info: #6d42c4;
42
+ --color-warning: #92490a;
43
+ --color-info: #653bb8;
44
44
  --color-border: #d8d0e5;
45
45
  --color-input: #d8d0e5;
46
- --color-ring: #6d42c4;
46
+ --color-ring: #653bb8;
47
47
  --font-sans: 'Libre Franklin', 'Inter', system-ui, sans-serif;
48
48
  --font-mono: 'SF Mono', ui-monospace, monospace;
49
49
  --font-serif: 'Merriweather', Georgia, serif;
@@ -68,22 +68,22 @@
68
68
  --card-foreground: #1a1428;
69
69
  --popover: #ffffff;
70
70
  --popover-foreground: #1a1428;
71
- --primary: #6d42c4;
71
+ --primary: #653bb8;
72
72
  --primary-foreground: #ffffff;
73
73
  --secondary: #ede8f5;
74
74
  --secondary-foreground: #1a1428;
75
75
  --muted: #ede8f5;
76
76
  --muted-foreground: #6a5a80;
77
- --accent: #6d42c4;
77
+ --accent: #653bb8;
78
78
  --accent-foreground: #ffffff;
79
79
  --destructive: #dc2626;
80
80
  --destructive-foreground: #ffffff;
81
81
  --success: #16a34a;
82
- --warning: #d97706;
83
- --info: #6d42c4;
82
+ --warning: #92490a;
83
+ --info: #653bb8;
84
84
  --border: #d8d0e5;
85
85
  --input: #d8d0e5;
86
- --ring: #6d42c4;
86
+ --ring: #653bb8;
87
87
  --text-2xs: 0.625rem;
88
88
  --text-xs: 0.75rem;
89
89
  --text-sm: 0.8125rem;
@@ -107,9 +107,9 @@
107
107
  --bc-lavender: #ede8f5;
108
108
  --bc-dark: #1a1428;
109
109
  --bc-purple-gray: #6a5a80;
110
- --bc-violet: #6d42c4;
110
+ --bc-violet: #653bb8;
111
111
  --bc-red: #dc2626;
112
- --bc-amber: #d97706;
112
+ --bc-amber: #92490a;
113
113
  --bc-green: #16a34a;
114
114
  --bc-violet-border: #d8d0e5;
115
115
  --rig-button-hover-bg: #5c37a6;
@@ -129,6 +129,6 @@
129
129
  --rig-display-leading: 1.2;
130
130
 
131
131
  --rig-media-filter: saturate(0.95);
132
- --link-slide-color: #6d42c4;
132
+ --link-slide-color: #653bb8;
133
133
  --rig-elevation-rgb: 26 20 40;
134
134
  }
@@ -30,7 +30,7 @@
30
30
  --color-secondary: #1a2430;
31
31
  --color-secondary-foreground: #d8e4ec;
32
32
  --color-muted: #1a2430;
33
- --color-muted-foreground: #6a8494;
33
+ --color-muted-foreground: #728c9c;
34
34
  --color-accent: #d4a040;
35
35
  --color-accent-foreground: #0a0f14;
36
36
  --color-destructive: #e05555;
@@ -72,7 +72,7 @@
72
72
  --secondary: #1a2430;
73
73
  --secondary-foreground: #d8e4ec;
74
74
  --muted: #1a2430;
75
- --muted-foreground: #6a8494;
75
+ --muted-foreground: #728c9c;
76
76
  --accent: #3cc8b4;
77
77
  --accent-foreground: #0a0f14;
78
78
  --destructive: #e05555;
@@ -104,7 +104,7 @@
104
104
  --dk-black: #0a0f14;
105
105
  --dk-graphite: #121a22;
106
106
  --dk-charcoal: #1a2430;
107
- --dk-steel: #6a8494;
107
+ --dk-steel: #728c9c;
108
108
  --dk-dim: #4a6478;
109
109
  --dk-cyan: #3cc8b4;
110
110
  --dk-white: #d8e4ec;
@@ -26,7 +26,7 @@
26
26
  --color-card-foreground: #2a2210;
27
27
  --color-popover: #fffcf4;
28
28
  --color-popover-foreground: #2a2210;
29
- --color-primary: #8a6209;
29
+ --color-primary: #785608;
30
30
  --color-primary-foreground: #fffcf4;
31
31
  --color-secondary: #ede4d4;
32
32
  --color-secondary-foreground: #2a2210;
@@ -41,7 +41,7 @@
41
41
  --color-info: #5a7aaa;
42
42
  --color-border: #d8ccb0;
43
43
  --color-input: #d8ccb0;
44
- --color-ring: #8a6209;
44
+ --color-ring: #785608;
45
45
  --font-sans: 'Nunito Sans', 'Inter', system-ui, sans-serif;
46
46
  --font-mono: 'Anybody', 'DM Mono', ui-monospace, monospace;
47
47
  --font-serif: 'Fraunces', Georgia, serif;
@@ -66,7 +66,7 @@
66
66
  --card-foreground: #2a2210;
67
67
  --popover: #fffcf4;
68
68
  --popover-foreground: #2a2210;
69
- --primary: #8a6209;
69
+ --primary: #785608;
70
70
  --primary-foreground: #fffcf4;
71
71
  --secondary: #ede4d4;
72
72
  --secondary-foreground: #2a2210;
@@ -81,7 +81,7 @@
81
81
  --info: #5a7aaa;
82
82
  --border: #d8ccb0;
83
83
  --input: #d8ccb0;
84
- --ring: #8a6209;
84
+ --ring: #785608;
85
85
  --text-2xs: 0.625rem;
86
86
  --text-xs: 0.75rem;
87
87
  --text-sm: 0.8125rem;
@@ -105,7 +105,7 @@
105
105
  --ss-warm-white: #fffcf4;
106
106
  --ss-dark-roast: #2a2210;
107
107
  --ss-leather: #5a4a30;
108
- --ss-amber: #8a6209;
108
+ --ss-amber: #785608;
109
109
  --ss-green: #3d6b4f;
110
110
  --ss-red: #b84233;
111
111
  --rig-button-hover-bg: #ede4d4;
@@ -122,6 +122,6 @@
122
122
  /* Warm parchment tone on imagery */
123
123
  --rig-media-filter: saturate(1.05) brightness(1.02) sepia(0.04);
124
124
 
125
- --link-slide-color: #8a6209;
125
+ --link-slide-color: #785608;
126
126
  --rig-elevation-rgb: 42 34 16;
127
127
  }
@@ -24,7 +24,7 @@
24
24
  --color-card-foreground: #2b2622;
25
25
  --color-popover: #ffffff;
26
26
  --color-popover-foreground: #2b2622;
27
- --color-primary: #a5562e;
27
+ --color-primary: #9d4f29;
28
28
  --color-primary-foreground: #faf8f4;
29
29
  --color-secondary: #e2dcd0;
30
30
  --color-secondary-foreground: #2b2622;
@@ -39,7 +39,7 @@
39
39
  --color-info: #3a6b8c;
40
40
  --color-border: #d0c8ba;
41
41
  --color-input: #d0c8ba;
42
- --color-ring: #a5562e;
42
+ --color-ring: #9d4f29;
43
43
  --font-sans: 'Cabin', 'Inter', system-ui, sans-serif;
44
44
  --font-mono: 'Cabin', 'SF Mono', ui-monospace, monospace;
45
45
  --font-serif: 'Bitter', Georgia, serif;
@@ -64,7 +64,7 @@
64
64
  --card-foreground: #2b2622;
65
65
  --popover: #ffffff;
66
66
  --popover-foreground: #2b2622;
67
- --primary: #a5562e;
67
+ --primary: #9d4f29;
68
68
  --primary-foreground: #faf8f4;
69
69
  --secondary: #e2dcd0;
70
70
  --secondary-foreground: #2b2622;
@@ -79,7 +79,7 @@
79
79
  --info: #3a6b8c;
80
80
  --border: #d0c8ba;
81
81
  --input: #d0c8ba;
82
- --ring: #a5562e;
82
+ --ring: #9d4f29;
83
83
  --text-2xs: 0.625rem;
84
84
  --text-xs: 0.75rem;
85
85
  --text-sm: 0.8125rem;
@@ -103,7 +103,7 @@
103
103
  --bl-sandstone: #e2dcd0;
104
104
  --bl-umber: #2b2622;
105
105
  --bl-driftwood: #6b6054;
106
- --bl-sienna: #a5562e;
106
+ --bl-sienna: #9d4f29;
107
107
  --bl-slate: #3a6b8c;
108
108
  --rig-button-hover-bg: #e2dcd0;
109
109
  --rig-scrollbar-thumb: rgba(43, 38, 34, 0.12);
@@ -119,6 +119,6 @@
119
119
  /* Vellum warmth on imagery */
120
120
  --rig-media-filter: sepia(0.06) saturate(1.02) brightness(0.99);
121
121
 
122
- --link-slide-color: #a5562e;
122
+ --link-slide-color: #9d4f29;
123
123
  --rig-elevation-rgb: 43 38 34;
124
124
  }
@@ -30,7 +30,7 @@
30
30
  --color-secondary: #221e30;
31
31
  --color-secondary-foreground: #e4dff0;
32
32
  --color-muted: #221e30;
33
- --color-muted-foreground: #8a80a0;
33
+ --color-muted-foreground: #9a90b0;
34
34
  --color-accent: #c89fb8;
35
35
  --color-accent-foreground: #110e18;
36
36
  --color-destructive: #d45a5a;
@@ -73,7 +73,7 @@
73
73
  --secondary: #221e30;
74
74
  --secondary-foreground: #e4dff0;
75
75
  --muted: #221e30;
76
- --muted-foreground: #8a80a0;
76
+ --muted-foreground: #9a90b0;
77
77
  --accent: #c89fb8;
78
78
  --accent-foreground: #110e18;
79
79
  --destructive: #d45a5a;
@@ -106,7 +106,7 @@
106
106
  --lh-deep: #1a1624;
107
107
  --lh-charcoal: #221e30;
108
108
  --lh-cream: #e4dff0;
109
- --lh-dusty: #8a80a0;
109
+ --lh-dusty: #9a90b0;
110
110
  --lh-steel: #7a8eb8;
111
111
  --lh-lavender: #a87bd4;
112
112
  --rig-button-hover-bg: #221e30;
@@ -48,15 +48,25 @@
48
48
  color: var(--rig-button-secondary-hover-fg, var(--color-accent-foreground));
49
49
  }
50
50
 
51
+ /* CTA — distinct token namespace so themes (and per-site overrides) can
52
+ * skin call-to-action buttons without colliding with the primary palette.
53
+ * Falls back to the primary tokens if a theme hasn't set CTA-specific ones,
54
+ * preserving prior behavior while giving consumers a clean opt-in path. */
51
55
  [data-rig-button][data-variant='cta'] {
52
- background: var(--rig-button-bg);
53
- color: var(--rig-button-fg);
54
- border-color: var(--rig-button-border);
56
+ background: var(--rig-button-cta-bg, var(--rig-button-bg));
57
+ color: var(--rig-button-cta-fg, var(--rig-button-fg));
58
+ border-color: var(--rig-button-cta-border, var(--rig-button-border));
59
+ box-shadow: var(--rig-button-cta-shadow, none);
55
60
  }
56
61
 
57
62
  [data-rig-button][data-variant='cta']:hover {
58
- background: var(--rig-button-hover-bg);
59
- color: var(--rig-button-hover-fg, var(--color-foreground));
63
+ background: var(--rig-button-cta-hover-bg, var(--rig-button-hover-bg));
64
+ color: var(--rig-button-cta-hover-fg, var(--rig-button-hover-fg, var(--color-foreground)));
65
+ box-shadow: var(--rig-button-cta-hover-shadow, var(--rig-button-cta-shadow, none));
66
+ }
67
+
68
+ [data-rig-button][data-variant='cta']:active {
69
+ box-shadow: var(--rig-button-cta-active-shadow, var(--rig-button-cta-shadow, none));
60
70
  }
61
71
 
62
72
  [data-rig-button][data-variant='danger'] {
@@ -264,7 +264,7 @@
264
264
  }
265
265
 
266
266
  [data-rig-stat-row-label] {
267
- color: color-mix(in srgb, var(--color-muted-foreground) 70%, transparent);
267
+ color: color-mix(in srgb, var(--color-muted-foreground) 85%, transparent);
268
268
  }
269
269
 
270
270
  [data-rig-stat-row-value] {
@@ -1,4 +1,4 @@
1
- /* Hex — KBCV Base Styles
1
+ /* Hex — Cardinal Base Styles
2
2
  * Community radio — Chivo display, Newsreader body. Warm analog.
3
3
  */
4
4
 
@@ -1,4 +1,4 @@
1
- /* Hex — KBCV Component Barrel */
1
+ /* Hex — Cardinal Component Barrel */
2
2
 
3
3
  @import '../../shared/rig-defaults.css';
4
4
  @import '../../shared/components/core.css';
@@ -1,4 +1,4 @@
1
- /* Hex — KBCV Domains */
1
+ /* Hex — Cardinal Domains */
2
2
  @reference 'tailwindcss';
3
3
  @reference './tokens.css';
4
4
 
@@ -1,4 +1,4 @@
1
- /* Hex — KBCV Design Tokens
1
+ /* Hex — Cardinal Design Tokens
2
2
  * Community radio station. Warm neutral with analog character.
3
3
  * Parchment background, broadcast red, dial green accents.
4
4
  *
@@ -150,16 +150,16 @@
150
150
  /* ── Named palette aliases ──────────────────────────────────────────────
151
151
  * All 7 swatch colors available for direct template use.
152
152
  */
153
- --kbcv-parchment: #f7f3ee;
154
- --kbcv-oatmeal: #edeae4;
155
- --kbcv-kraft: #ddd7ce;
156
- --kbcv-espresso: #2a2521;
157
- --kbcv-walnut: #706459;
158
- --kbcv-red: #b83232;
159
- --kbcv-green: #2d6a4f;
153
+ --cardinal-parchment: #f7f3ee;
154
+ --cardinal-oatmeal: #edeae4;
155
+ --cardinal-kraft: #ddd7ce;
156
+ --cardinal-espresso: #2a2521;
157
+ --cardinal-walnut: #706459;
158
+ --cardinal-red: #b83232;
159
+ --cardinal-green: #2d6a4f;
160
160
 
161
161
  /* ── Rig component token bridge ─────────────────────────────────────────
162
- * Overrides shared/tokens.css defaults where the KBCV palette needs
162
+ * Overrides shared/tokens.css defaults where the Cardinal palette needs
163
163
  * values that can't be derived directly from --color-* semantics.
164
164
  */
165
165
 
@@ -1,4 +1,4 @@
1
- /* Hex — Compass Base Styles
1
+ /* Hex — Clover Base Styles
2
2
  * Veterinary clinic — Outfit headings, Atkinson Hyperlegible body. Reassuring.
3
3
  */
4
4
 
@@ -1,4 +1,4 @@
1
- /* Hex — Compass Component Barrel */
1
+ /* Hex — Clover Component Barrel */
2
2
 
3
3
  @import '../../shared/rig-defaults.css';
4
4
  @import '../../shared/components/core.css';
@@ -1,4 +1,4 @@
1
- /* Hex — Compass Domains */
1
+ /* Hex — Clover Domains */
2
2
  @reference 'tailwindcss';
3
3
  @reference './tokens.css';
4
4