Actor sheet, WIP

less/base.less

@@ -29,7 +29,7 @@
 
 // Global dialog styling
 .application.dialog.oathhammer {
-  font-family: @font-primary;
+  font-family: @font-body;
   font-size: @font-size-base;
   .sheet-background();
 }
@@ -37,11 +37,12 @@
 // Shared actor content base
 .oathhammer .character-content,
 .oathhammer .npc-content {
-  font-family: @font-primary;
+  font-family: @font-body;       // Calibri — standard text per design_rules.md
   font-size: @font-size-base;
   color: var(--color-dark-1);
   .sheet-background();
   overflow: auto;
+  padding: 10px 20px;            // Inner margin so content clears the parchment border
 
   nav.tabs [data-tab] {
     color: @color-olive;
@@ -63,9 +64,10 @@
     color: @color-dark;
   }
 
+  // Character/NPC name — decorative title font
   input[name="name"] {
     height: 2.5rem;
-    font-family: @font-secondary;
+    font-family: @font-primary;   // Sherwood — decorative title
     font-size: @font-size-xl;
     font-weight: bold;
     border: none;
@@ -80,7 +82,7 @@
   }
 
   legend {
-    font-family: @font-secondary;
+    font-family: @font-secondary;  // BlueDragon — section headers
     font-size: @font-size-lg;
     font-weight: bold;
     letter-spacing: 1px;
@@ -88,7 +90,7 @@
   }
 
   label {
-    font-family: @font-secondary;
+    font-family: @font-secondary;  // BlueDragon — UI labels
     font-size: @font-size-base;
     color: @color-dark;
   }
@@ -98,3 +100,58 @@
 .oathhammer .tab {
   padding: 4px;
 }
+
+// ============================================================
+// SKILLS TAB
+// ============================================================
+.oathhammer .skills-container {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 8px;
+
+  .skills-group {
+    margin: 0;
+
+    legend .attr-rank {
+      font-family: @font-body;
+      font-size: @font-size-sm;
+      color: @color-olive;
+    }
+  }
+
+  .skills-header,
+  .skill-row {
+    display: grid;
+    grid-template-columns: 1fr 3rem 3rem;
+    align-items: center;
+    gap: 4px;
+  }
+
+  .skills-header {
+    font-family: @font-secondary;
+    font-size: @font-size-sm;
+    font-weight: bold;
+    color: @color-blue;
+    border-bottom: 1px solid @color-olive;
+    margin-bottom: 2px;
+    padding-bottom: 2px;
+  }
+
+  .skill-row {
+    margin-bottom: 2px;
+
+    label.skill-name-col {
+      font-size: @font-size-sm;
+    }
+
+    .skill-rank-col input {
+      text-align: center;
+    }
+
+    .skill-total {
+      text-align: center;
+      font-weight: bold;
+      color: @color-blue;
+    }
+  }
+}