@rokkit/themes 1.1.17 → 1.1.19

package/dist/material.css

@@ -24,23 +24,27 @@
 
 [data-style='material'] [data-button][data-style='default'][data-variant='primary'],
 [data-style='material'] [data-button]:not([data-style])[data-variant='primary'] {
-  background-image:none;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);background-color:var(--primary);color:var(--on-primary);
+  background-image:none;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);color:var(--on-primary);
+  background-color: var(--primary);
 }
 
 [data-style='material'] [data-button][data-style='default'][data-variant='secondary'],
 [data-style='material'] [data-button]:not([data-style])[data-variant='secondary'] {
-  background-image:none;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);background-color:var(--accent);color:var(--on-primary);
+  background-image:none;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);color:var(--on-primary);
+  background-color: var(--accent);
 }
 
 [data-style='material'] [data-button][data-style='default'][data-variant='accent'],
 [data-style='material'] [data-button]:not([data-style])[data-variant='accent'] {
-  background-image:none;--un-text-opacity:1;color:color-mix(in srgb, var(--color-accent-50) calc(var(--un-text-opacity) * 100%), transparent);--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);background-color:var(--accent);
-}[data-mode="dark"][data-style="material"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"] [data-style="material"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"][data-style="material"] [data-button]:not([data-style])[data-variant="accent"],[data-mode="dark"] [data-style="material"] [data-button]:not([data-style])[data-variant="accent"]{--un-text-opacity:1;color:color-mix(in srgb, var(--color-accent-50) calc(var(--un-text-opacity) * 100%), transparent);}
+  background-image:none;--un-text-opacity:1;color:rgb(22 22 22 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+  background-color: var(--accent);
+}
 
 [data-style='material'] [data-button][data-style='default'][data-variant='danger'],
 [data-style='material'] [data-button]:not([data-style])[data-variant='danger'] {
-  background-image:none;--un-text-opacity:1;color:color-mix(in srgb, var(--color-danger-50) calc(var(--un-text-opacity) * 100%), transparent);--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);background-color:var(--danger);
-}[data-mode="dark"][data-style="material"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"] [data-style="material"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"][data-style="material"] [data-button]:not([data-style])[data-variant="danger"],[data-mode="dark"] [data-style="material"] [data-button]:not([data-style])[data-variant="danger"]{--un-text-opacity:1;color:color-mix(in srgb, var(--color-danger-50) calc(var(--un-text-opacity) * 100%), transparent);}
+  background-image:none;--un-text-opacity:1;color:rgb(22 22 22 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+  background-color: var(--danger);
+}
 
 /* =============================================================================
    Outline Style
@@ -114,12 +118,12 @@
 }
 
 [data-style='material'] [data-button][data-style='gradient'][data-variant='accent'] {
-  --un-gradient-from-position:0%;--un-gradient-from:color-mix(in srgb, var(--color-accent) calc(1 * 100%), transparent) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:color-mix(in srgb, var(--color-accent) calc(1 * 100%), transparent) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:color-mix(in srgb, var(--color-accent-50) calc(var(--un-text-opacity) * 100%), transparent);--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
-}[data-mode="dark"][data-style="material"] [data-button][data-style="gradient"][data-variant="accent"],[data-mode="dark"] [data-style="material"] [data-button][data-style="gradient"][data-variant="accent"]{--un-text-opacity:1;color:color-mix(in srgb, var(--color-accent-50) calc(var(--un-text-opacity) * 100%), transparent);}
+  --un-gradient-from-position:0%;--un-gradient-from:color-mix(in srgb, var(--color-accent) calc(1 * 100%), transparent) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:color-mix(in srgb, var(--color-accent) calc(1 * 100%), transparent) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgb(22 22 22 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}
 
 [data-style='material'] [data-button][data-style='gradient'][data-variant='danger'] {
-  --un-gradient-from-position:0%;--un-gradient-from:color-mix(in srgb, var(--color-danger) calc(1 * 100%), transparent) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:color-mix(in srgb, var(--color-danger) calc(1 * 100%), transparent) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:color-mix(in srgb, var(--color-danger-50) calc(var(--un-text-opacity) * 100%), transparent);--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
-}[data-mode="dark"][data-style="material"] [data-button][data-style="gradient"][data-variant="danger"],[data-mode="dark"] [data-style="material"] [data-button][data-style="gradient"][data-variant="danger"]{--un-text-opacity:1;color:color-mix(in srgb, var(--color-danger-50) calc(var(--un-text-opacity) * 100%), transparent);}
+  --un-gradient-from-position:0%;--un-gradient-from:color-mix(in srgb, var(--color-danger) calc(1 * 100%), transparent) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:color-mix(in srgb, var(--color-danger) calc(1 * 100%), transparent) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgb(22 22 22 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}
 
 [data-style='material']
   [data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {
@@ -458,7 +462,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-tabs-trigger] {
-  border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;background-color:transparent;color:var(--ink-soft);
+  border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;background-color:transparent;color:var(--ink-mute);
 }
 
 [data-style='material'] [data-tabs][data-position='after'] [data-tabs-trigger] {
@@ -471,7 +475,8 @@
 
 /* Selected state */
 [data-style='material'] [data-tabs-trigger][data-selected] {
-  --un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);background-color:var(--primary);color:var(--on-primary);
+  --un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);color:var(--on-primary);
+  background-color: var(--primary);
 }
 
 /* Reset rokkit gradients bleeding in from body[data-style='rokkit'] ancestor */
@@ -505,7 +510,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-tabs-trigger] [data-tabs-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon] {
@@ -543,7 +548,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-toggle-option] {
-  border-radius:9999px;color:var(--ink-soft);
+  border-radius:9999px;color:var(--ink-mute);
 }
 
 [data-style='material'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
@@ -553,7 +558,8 @@
 
 /* Selected state */
 [data-style='material'] [data-toggle-option][data-selected='true'] {
-  background-image:none;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);background-color:var(--primary);color:var(--on-primary);
+  background-image:none;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);color:var(--on-primary);
+  background-color: var(--primary);
 }
 
 /* =============================================================================
@@ -561,7 +567,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-toggle-option] [data-toggle-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
@@ -581,7 +587,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-toggle][data-toggle-variant='button'] {
-  border-color:transparent;background-color:transparent;color:var(--ink-soft);
+  border-color:transparent;background-color:transparent;color:var(--ink-mute);
   background-image: none;
 }
 
@@ -591,7 +597,7 @@
 }
 
 [data-style='material'] [data-toggle][data-toggle-variant='button'] [data-toggle-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-toggle][data-toggle-variant='button']:hover:not(:disabled) [data-toggle-icon],
@@ -686,7 +692,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-list] [data-list-item] [data-item-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],
@@ -700,7 +706,7 @@
 
 /* Literal / kanji icons */
 [data-style='material'] [data-list] [data-list-item] [data-item-icon-literal] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon-literal],
@@ -713,7 +719,7 @@
 }
 
 [data-style='material'] [data-list] [data-list-item] [data-item-description] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-list] [data-list-item][data-active='true'] [data-item-description] {
@@ -721,7 +727,7 @@
 }
 
 [data-style='material'] [data-list] [data-list-item] [data-item-badge] {
-  border-radius:9999px;background-image:none;background-color:var(--paper-mute);color:var(--ink-soft);
+  border-radius:9999px;background-image:none;background-color:var(--paper-mute);color:var(--ink-mute);
 }
 
 [data-style='material'] [data-list] [data-list-item][data-active='true'] [data-item-badge] {
@@ -733,7 +739,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-list] [data-list-group] {
-  font-weight:500;color:var(--ink-soft);
+  font-weight:500;color:var(--ink-mute);
 }
 
 [data-style='material'] [data-list] [data-list-group]:hover:not(:disabled),
@@ -775,6 +781,17 @@
  * Material Design inspired with subtle elevation.
  */
 
+/* =============================================================================
+   Connector Lines — hairline tone (mode-aware), not currentColor (which
+   renders white in dark mode and greyish in light).
+   ============================================================================= */
+
+[data-style='material'] [data-tree]:not([data-line-style='none']) [data-connector-v],
+[data-style='material'] [data-tree]:not([data-line-style='none']) [data-connector-h],
+[data-style='material'] [data-tree]:not([data-line-style='none']) [data-connector-corner] {
+  border-color:var(--paper-edge);
+}
+
 /* =============================================================================
    Tree Container
    ============================================================================= */
@@ -788,7 +805,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-tree-toggle-btn] {
-  border-radius:9999px;color:var(--ink-soft);
+  border-radius:9999px;color:var(--ink-mute);
 }
 
 [data-style='material'] [data-tree-toggle-btn]:hover {
@@ -844,7 +861,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-tree-item-content] [data-item-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
@@ -856,7 +873,7 @@
 }
 
 [data-style='material'] [data-tree-item-content] [data-item-description] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-tree-item-content][data-active='true'] [data-item-description] {
@@ -864,7 +881,7 @@
 }
 
 [data-style='material'] [data-tree-item-content] [data-item-badge] {
-  border-radius:9999px;background-image:none;color:var(--ink-soft);background-color:var(--paper-mute);
+  border-radius:9999px;background-image:none;color:var(--ink-mute);background-color:var(--paper-mute);
 }
 
 [data-style='material'] [data-tree-item-content][data-active='true'] [data-item-badge] {
@@ -935,7 +952,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-select-placeholder] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -943,7 +960,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-select-arrow] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-select-trigger]:hover:not(:disabled) [data-select-arrow] {
@@ -959,7 +976,7 @@
 }
 
 [data-style='material'] [data-select-tag-remove] {
-  border-radius:9999px;color:var(--ink-soft);
+  border-radius:9999px;color:var(--ink-mute);
 }
 
 [data-style='material'] [data-select-tag-remove]:hover {
@@ -1023,7 +1040,7 @@
 
 /* Item elements */
 [data-style='material'] [data-select-option] [data-item-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-select-option]:hover:not(:disabled) [data-item-icon] {
@@ -1035,7 +1052,7 @@
 }
 
 [data-style='material'] [data-select-option] [data-item-description] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-select-option][data-selected='true'] [data-item-description] {
@@ -1047,7 +1064,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-select-group-label] {
-  font-weight:500;color:var(--ink-soft);
+  font-weight:500;color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -1075,11 +1092,11 @@
 }
 
 [data-style='material'] [data-select-filter-input]::placeholder {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-select-empty] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 /**
@@ -1110,7 +1127,7 @@
 
 /* Trigger elements */
 [data-style='material'] [data-menu-trigger] [data-menu-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon] {
@@ -1118,7 +1135,7 @@
 }
 
 [data-style='material'] [data-menu-trigger] [data-menu-arrow] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -1148,7 +1165,7 @@
 
 /* Item elements */
 [data-style='material'] [data-menu-item] [data-item-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-menu-item]:hover:not(:disabled) [data-item-icon] {
@@ -1156,7 +1173,7 @@
 }
 
 [data-style='material'] [data-menu-item] [data-item-description] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -1164,7 +1181,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-menu-group] {
-  font-weight:500;color:var(--ink-soft);
+  font-weight:500;color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -1198,11 +1215,11 @@
 }
 
 [data-style='material'] [data-dropdown-trigger] [data-dropdown-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-dropdown-trigger] [data-dropdown-arrow] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-dropdown-panel] {
@@ -1302,7 +1319,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-table-header] th {
-  border-bottom-width:1px;font-weight:500;color:var(--ink-soft);background-color:var(--paper-mute);border-color:var(--paper-edge);
+  border-bottom-width:1px;font-weight:500;color:var(--ink-mute);background-color:var(--paper-mute);border-color:var(--paper-edge);
 }
 
 [data-style='material'] [data-table-header-cell][data-sortable='true']:hover {
@@ -1315,7 +1332,7 @@
 }
 
 [data-style='material'] [data-table-sort-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material']
@@ -1378,7 +1395,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-table-empty] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -1386,7 +1403,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-table-cell] [data-cell-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='material'] [data-table-row][data-selected='true'] [data-cell-icon] {
@@ -1403,7 +1420,7 @@
   }
 
   [data-style='material'] [data-table-responsive] [data-table-cell]::before {
-    color:var(--ink-soft);
+    color:var(--ink-mute);
   }
 
   /* Disable striped alternating bg in card layout */
@@ -1575,11 +1592,12 @@
 }
 
 [data-style='material'] [data-timeline-item][data-completed] [data-timeline-circle] {
-  --un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);background-color:var(--primary);border-color:var(--primary);color:var(--on-primary);
+  --un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);border-color:var(--primary);color:var(--on-primary);
+  background-color: var(--primary);
 }
 
 [data-style='material'] [data-timeline-item][data-active] [data-timeline-circle] {
-  --un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--color-primary) calc(0.25 * 100%), transparent);border-color:var(--primary);color:var(--primary);
+  --un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--color-primary) calc(0.25 * 100%), transparent);border-color:var(--primary);color:var(--ink);
 }
 
 /* =============================================================================
@@ -1591,7 +1609,7 @@
 }
 
 [data-style='material'] [data-timeline-item][data-completed] [data-timeline-connector] {
-  background-color:var(--primary);
+  background-color: var(--primary);
 }
 
 /* =============================================================================

package/dist/minimal/button.css

@@ -17,23 +17,27 @@
 
 [data-style='minimal'] [data-button][data-style='default'][data-variant='primary'],
 [data-style='minimal'] [data-button]:not([data-style])[data-variant='primary'] {
-  border-color:transparent;background-image:none;background-color:var(--primary);color:var(--on-primary);
+  border-color:transparent;background-image:none;color:var(--on-primary);
+  background-color: var(--primary);
 }
 
 [data-style='minimal'] [data-button][data-style='default'][data-variant='secondary'],
 [data-style='minimal'] [data-button]:not([data-style])[data-variant='secondary'] {
-  border-color:transparent;background-image:none;background-color:var(--accent);color:var(--on-primary);
+  border-color:transparent;background-image:none;color:var(--on-primary);
+  background-color: var(--accent);
 }
 
 [data-style='minimal'] [data-button][data-style='default'][data-variant='accent'],
 [data-style='minimal'] [data-button]:not([data-style])[data-variant='accent'] {
-  border-color:transparent;background-image:none;--un-text-opacity:1;color:color-mix(in srgb, var(--color-accent-50) calc(var(--un-text-opacity) * 100%), transparent);background-color:var(--accent);
-}[data-mode="dark"][data-style="minimal"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"][data-style="minimal"] [data-button]:not([data-style])[data-variant="accent"],[data-mode="dark"] [data-style="minimal"] [data-button]:not([data-style])[data-variant="accent"]{--un-text-opacity:1;color:color-mix(in srgb, var(--color-accent-50) calc(var(--un-text-opacity) * 100%), transparent);}
+  border-color:transparent;background-image:none;--un-text-opacity:1;color:rgb(22 22 22 / var(--un-text-opacity));
+  background-color: var(--accent);
+}
 
 [data-style='minimal'] [data-button][data-style='default'][data-variant='danger'],
 [data-style='minimal'] [data-button]:not([data-style])[data-variant='danger'] {
-  border-color:transparent;background-image:none;--un-text-opacity:1;color:color-mix(in srgb, var(--color-danger-50) calc(var(--un-text-opacity) * 100%), transparent);background-color:var(--danger);
-}[data-mode="dark"][data-style="minimal"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"][data-style="minimal"] [data-button]:not([data-style])[data-variant="danger"],[data-mode="dark"] [data-style="minimal"] [data-button]:not([data-style])[data-variant="danger"]{--un-text-opacity:1;color:color-mix(in srgb, var(--color-danger-50) calc(var(--un-text-opacity) * 100%), transparent);}
+  border-color:transparent;background-image:none;--un-text-opacity:1;color:rgb(22 22 22 / var(--un-text-opacity));
+  background-color: var(--danger);
+}
 
 /* =============================================================================
    Outline Style
@@ -107,12 +111,12 @@
 }
 
 [data-style='minimal'] [data-button][data-style='gradient'][data-variant='accent'] {
-  --un-gradient-from-position:0%;--un-gradient-from:color-mix(in srgb, var(--color-accent) calc(1 * 100%), transparent) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:color-mix(in srgb, var(--color-accent) calc(1 * 100%), transparent) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:color-mix(in srgb, var(--color-accent-50) calc(var(--un-text-opacity) * 100%), transparent);
-}[data-mode="dark"][data-style="minimal"] [data-button][data-style="gradient"][data-variant="accent"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="gradient"][data-variant="accent"]{--un-text-opacity:1;color:color-mix(in srgb, var(--color-accent-50) calc(var(--un-text-opacity) * 100%), transparent);}
+  --un-gradient-from-position:0%;--un-gradient-from:color-mix(in srgb, var(--color-accent) calc(1 * 100%), transparent) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:color-mix(in srgb, var(--color-accent) calc(1 * 100%), transparent) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgb(22 22 22 / var(--un-text-opacity));
+}
 
 [data-style='minimal'] [data-button][data-style='gradient'][data-variant='danger'] {
-  --un-gradient-from-position:0%;--un-gradient-from:color-mix(in srgb, var(--color-danger) calc(1 * 100%), transparent) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:color-mix(in srgb, var(--color-danger) calc(1 * 100%), transparent) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:color-mix(in srgb, var(--color-danger-50) calc(var(--un-text-opacity) * 100%), transparent);
-}[data-mode="dark"][data-style="minimal"] [data-button][data-style="gradient"][data-variant="danger"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="gradient"][data-variant="danger"]{--un-text-opacity:1;color:color-mix(in srgb, var(--color-danger-50) calc(var(--un-text-opacity) * 100%), transparent);}
+  --un-gradient-from-position:0%;--un-gradient-from:color-mix(in srgb, var(--color-danger) calc(1 * 100%), transparent) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:color-mix(in srgb, var(--color-danger) calc(1 * 100%), transparent) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgb(22 22 22 / var(--un-text-opacity));
+}
 
 [data-style='minimal']
   [data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {

package/dist/minimal/card.css

@@ -76,8 +76,8 @@
 }
 
 [data-style='minimal'] [data-card][data-variant='primary'] [data-card-body] {
-  color:color-mix(in srgb, var(--color-primary-50) calc(0.8 * 100%), transparent);
-}[data-mode="dark"][data-style="minimal"] [data-card][data-variant="primary"] [data-card-body],[data-mode="dark"] [data-style="minimal"] [data-card][data-variant="primary"] [data-card-body]{color:color-mix(in srgb, var(--color-primary-50) calc(0.8 * 100%), transparent);}
+  color:rgb(22 22 22 / 0.8);
+}
 
 /* Secondary — solid secondary fill */
 [data-style='minimal'] [data-card][data-variant='secondary'] {
@@ -90,8 +90,8 @@
 }
 
 [data-style='minimal'] [data-card][data-variant='secondary'] [data-card-body] {
-  color:color-mix(in srgb, var(--color-primary-50) calc(0.8 * 100%), transparent);
-}[data-mode="dark"][data-style="minimal"] [data-card][data-variant="secondary"] [data-card-body],[data-mode="dark"] [data-style="minimal"] [data-card][data-variant="secondary"] [data-card-body]{color:color-mix(in srgb, var(--color-primary-50) calc(0.8 * 100%), transparent);}
+  color:rgb(22 22 22 / 0.8);
+}
 
 /* Tertiary — recessed surface, lighter border */
 [data-style='minimal'] [data-card][data-variant='tertiary'] {

package/dist/minimal/dropdown.css

@@ -21,11 +21,11 @@
 }
 
 [data-style='minimal'] [data-dropdown-trigger] [data-dropdown-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='minimal'] [data-dropdown-trigger] [data-dropdown-arrow] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='minimal'] [data-dropdown-panel] {

package/dist/minimal/list.css

@@ -43,7 +43,7 @@
 
 [data-style='minimal'] [data-list] a[data-list-item],
 [data-style='minimal'] [data-list] button[data-list-item] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 /* Hover and focus — text brightening only, no border */
@@ -81,12 +81,12 @@
    ============================================================================= */
 
 [data-style='minimal'] [data-list] [data-list-item] [data-item-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='minimal'] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],
 [data-style='minimal'] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='minimal'] [data-list] [data-list-item][data-active='true'] [data-item-icon] {
@@ -95,12 +95,12 @@
 
 /* Literal / kanji icons */
 [data-style='minimal'] [data-list] [data-list-item] [data-item-icon-literal] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='minimal'] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon-literal],
 [data-style='minimal'] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon-literal] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='minimal'] [data-list] [data-list-item][data-active='true'] [data-item-icon-literal] {
@@ -108,7 +108,7 @@
 }
 
 [data-style='minimal'] [data-list] [data-list-item] [data-item-description] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='minimal'] [data-list] [data-list-item][data-active='true'] [data-item-description] {
@@ -116,7 +116,7 @@
 }
 
 [data-style='minimal'] [data-list] [data-list-item] [data-item-badge] {
-  border-width:1px;background-color:transparent;background-image:none;color:var(--ink-soft);border-color:var(--paper-edge);
+  border-width:1px;background-color:transparent;background-image:none;color:var(--ink-mute);border-color:var(--paper-edge);
 }
 
 [data-style='minimal'] [data-list] [data-list-item][data-active='true'] [data-item-badge] {
@@ -128,7 +128,7 @@
    ============================================================================= */
 
 [data-style='minimal'] [data-list] [data-list-group] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 /* Group hover — text-only, no border */

package/dist/minimal/menu.css

@@ -26,7 +26,7 @@
 
 /* Trigger elements */
 [data-style='minimal'] [data-menu-trigger] [data-menu-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='minimal'] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon] {
@@ -34,7 +34,7 @@
 }
 
 [data-style='minimal'] [data-menu-trigger] [data-menu-arrow] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -60,15 +60,15 @@
 
 /* Item elements */
 [data-style='minimal'] [data-menu-item] [data-item-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='minimal'] [data-menu-item]:hover:not(:disabled) [data-item-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='minimal'] [data-menu-item] [data-item-description] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -76,7 +76,7 @@
    ============================================================================= */
 
 [data-style='minimal'] [data-menu-group] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================