Fix CSS issues and add omen re-roll function

less/sheets.less

@@ -203,15 +203,15 @@
 }
 
 .application.mgne .resource-box-inline-track .numeric-caption {
-  color: @label-ink;
+  color: @bone;
 }
 
 .application.mgne .resource-box-inline-track .numeric-caption-strong {
   padding: 0.08rem 0.34rem;
   border-radius: 999px;
   background: fade(@gold-acid, 18%);
-  border: 1px solid fade(@label-ink, 28%);
-  color: darken(@label-ink, 4%);
+  border: 1px solid fade(@bone, 28%);
+  color: @bone;
   font-size: 0.6rem;
   letter-spacing: 0.11em;
 }
@@ -261,7 +261,7 @@
 
 .application.mgne .numeric-caption {
   .caps-heading();
-  color: fade(@label-soft, 94%);
+  color: lighten(@label-soft, 2%);
   font-size: 0.58rem;
   letter-spacing: 0.12em;
 }
@@ -479,6 +479,18 @@
   font-size: 0.82rem;
 }
 
+// Item sheets: dark h3 for parchment backgrounds
+.application.mgne.item-sheet h3,
+.application.mgne.item-sheet .inventory-header h3 {
+  color: @bg-char;
+}
+
+// Character sheet: Conditions block - use dark color like item sheets
+.application.mgne.character .condition-value-grid label,
+.application.mgne.character .condition-flag-grid label {
+  color: @bg-char;
+}
+
 .application.mgne .item-row {
   position: relative;
   display: grid;
@@ -584,8 +596,8 @@
 }
 
 .application.mgne .resource-label-accent {
-  color: @ember-bright;
-  text-shadow: 0 0 12px fade(@ember, 18%);
+  color: lighten(@parchment, 8%);
+  text-shadow: 0 0 12px fade(@gold-acid, 18%);
 }
 
 .application.mgne .ability-score {
@@ -693,9 +705,9 @@
   }
 
   &.weight-heavy {
-    color: @blood;
-    border-color: fade(@blood, 45%);
-    background: fade(@blood, 12%);
+    color: @bone;
+    border-color: fade(@gold-acid, 45%);
+    background: fade(@ash, 12%);
   }
 }
 
@@ -707,16 +719,16 @@
 }
 
 .load-overloaded {
-  color: @blood !important;
-  text-shadow: 0 0 6px fade(@blood, 50%);
+  color: lighten(@parchment, 8%) !important;
+  text-shadow: 0 0 6px fade(@gold-acid, 50%);
 }
 
 .resource-box-overloaded {
-  border-color: fade(@blood, 60%) !important;
-  background: fade(@blood, 10%) !important;
+  border-color: fade(@gold-acid, 60%) !important;
+  background: fade(@ash, 10%) !important;
 
   .resource-label-accent {
-    color: @blood !important;
+    color: lighten(@parchment, 8%) !important;
   }
 }
 
@@ -748,9 +760,9 @@
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.06em;
-  color: @blood;
-  background: fade(@blood, 14%);
-  border: 1px solid fade(@blood, 45%);
+  color: lighten(@parchment, 8%);
+  background: fade(@ash, 14%);
+  border: 1px solid fade(@bone, 45%);
   border-radius: 3px;
   vertical-align: middle;
 }
@@ -775,9 +787,9 @@
   letter-spacing: 0.03em;
 
   &.durability-broken {
-    color: @blood;
-    border-color: fade(@blood, 40%);
-    background: fade(@blood, 10%);
+    color: lighten(@parchment, 8%);
+    border-color: fade(@bone, 40%);
+    background: fade(@ash, 10%);
     text-decoration: line-through;
   }
 }
@@ -788,7 +800,7 @@
 
   .item-name {
     text-decoration: line-through;
-    color: fade(@parchment, 55%);
+    color: lighten(@parchment, 6%);
   }
 }
 
@@ -874,7 +886,7 @@
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.08em;
-    color: fade(@blood, 90%);
+    color: lighten(@blood, 8%);
   }
 
   button {
@@ -882,7 +894,7 @@
     padding: 0.15em 0.6em;
     background: fade(@blood, 12%);
     border: 1px solid fade(@blood, 35%);
-    color: fade(@blood, 80%);
+    color: lighten(@blood, 4%);
     border-radius: 3px;
     cursor: pointer;
     transition: background 0.15s, color 0.15s;
@@ -992,7 +1004,7 @@
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.07em;
-  color: fade(@ember, 80%);
+  color: @parchment;
   white-space: nowrap;
 }
 
@@ -1008,10 +1020,14 @@
   align-items: center;
   gap: 0.3em;
   font-size: 0.83rem;
-  color: @parchment;
+  color: @parchment !important;
   cursor: pointer;
   user-select: none;
 
+  > span {
+    color: @parchment !important;
+  }
+
   input[type="checkbox"] {
     appearance: checkbox;
     -webkit-appearance: checkbox;
@@ -1100,9 +1116,9 @@
     button {
       font-size: 0.75rem;
       padding: 0.15em 0.55em;
-      background: fade(@ember, 10%);
-      border: 1px solid fade(@ember, 30%);
-      color: fade(@ember, 80%);
+      background: fade(@ash, 10%);
+      border: 1px solid fade(@gold-acid, 30%);
+      color: lighten(@parchment, 6%);
       border-radius: 3px;
       cursor: pointer;
       transition: background 0.15s, color 0.15s;
@@ -1111,8 +1127,8 @@
       gap: 0.3em;
 
       &:hover {
-        background: fade(@ember, 22%);
-        color: @ember;
+        background: fade(@ash, 22%);
+        color: @bone;
       }
     }
   }
@@ -1241,7 +1257,7 @@
 }
 
 .application.mgne.party .party-member-hp {
-  color: @ember-bright;
+  color: @bone;
   font-family: @font-display;
   font-size: 0.82rem;
   font-weight: 700;
@@ -1249,7 +1265,7 @@
 }
 
 .application.mgne.party .party-member-type {
-  color: @dust;
+  color: lighten(@dust, 12%);
   font-size: 0.78rem;
   font-style: italic;
 }