/* Look: Brass — near-black ledger, cream type, thin brass rules */
:root {
  --paper: #161410;
  --ink: #f0e6d2;
  --rule: #b8973a;
  --accent: #b8973a;
  --accent-hover: #9a7e2e;
  --muted: #8a8070;
  --cream: #f0e6d2;
  --teal: #6B5B3A;
  --look-bg: #0d0c0a;
  --look-border: #3a3428;
  --look-panel: #1c1810;
  --look-soft: #c8bca8;
  --display: "Times New Roman", Times, serif;
  --body-font: system-ui, -apple-system, "Segoe UI", sans-serif;
}
html[data-look="brass"] body {
  font-family: var(--body-font);
  background: var(--look-bg);
  color: var(--ink);
}
html[data-look="brass"] .sheet {
  background: var(--paper);
  border: 1px solid var(--look-border);
  border-top: 2px solid var(--accent);
  box-shadow: 0 8px 24px rgba(0,0,0,0.5);
}
html[data-look="brass"] .preview-banner {
  background: #1c1810;
  color: var(--accent);
  border-bottom: 1px solid var(--accent);
  letter-spacing: 0.16em;
}
html[data-look="brass"] .mast {
  border-top: 1px solid var(--accent);
  border-bottom: 1px solid var(--look-border);
}
html[data-look="brass"] .mast-brand .name {
  font-family: var(--display);
  color: var(--cream);
  font-weight: 400;
  letter-spacing: 0.02em;
}
html[data-look="brass"] .mast-brand .office {
  color: var(--accent);
  letter-spacing: 0.14em;
}
html[data-look="brass"] .seal {
  border-color: var(--accent);
  color: var(--cream);
  background: #1c1810;
  border-radius: 0;
}
html[data-look="brass"] .seal span { color: var(--accent); }
html[data-look="brass"] h1 {
  font-family: var(--display);
  color: var(--cream);
  font-weight: 400;
  letter-spacing: 0.02em;
}
html[data-look="brass"] h2 { font-family: var(--display); color: var(--cream); font-weight: 400; }
html[data-look="brass"] .hub-nav { border-color: var(--look-border); }
html[data-look="brass"] .hub-nav a { color: var(--cream); }
html[data-look="brass"] .hub-nav a:hover,
html[data-look="brass"] .hub-nav a[aria-current="page"] {
  color: var(--accent);
  border-bottom-color: var(--accent);
}
html[data-look="brass"] .kicker { color: var(--accent); letter-spacing: 0.16em; }
html[data-look="brass"] .rule {
  border: 0;
  height: 1px;
  background: var(--accent);
  opacity: 0.7;
}
html[data-look="brass"] .race-box div,
html[data-look="brass"] .notice-box,
html[data-look="brass"] .record,
html[data-look="brass"] .clerk,
html[data-look="brass"] .gap-note,
html[data-look="brass"] .amounts button {
  background: var(--look-panel);
  border: 1px solid var(--look-border);
  border-top: 2px solid var(--accent);
  color: var(--ink);
}
html[data-look="brass"] .mono-hero {
  background: linear-gradient(145deg, #2a2418, #1a1510);
  border-color: var(--accent);
  color: var(--accent);
}
html[data-look="brass"] .btn-outline.motif-ghost-cream,
html[data-look="brass"] .btn-outline.secondary {
  --motif-fill: #0d0c0a;
  --motif-stroke: var(--accent);
  color: var(--accent);
}
html[data-look="brass"] .sticky {
  background: #0d0c0a;
  border-top-color: var(--accent);
}
html[data-look="brass"] .lead,
html[data-look="brass"] .docket p,
html[data-look="brass"] footer.doc-foot { color: var(--look-soft); }
html[data-look="brass"] .field-app {
  border-color: var(--accent);
  background: #1c1810;
}
html[data-look="brass"] .field-app .eyebrow { color: var(--accent); }
html[data-look="brass"] .field-app h3 { color: var(--cream); }
html[data-look="brass"] .field-app p { color: var(--muted); }
html[data-look="brass"] .field-app .pill {
  border-color: var(--accent); color: var(--accent); background: transparent;
}
html[data-look="brass"] .wm { background-image: repeating-linear-gradient(-28deg, transparent 0, transparent 72px, rgba(184,151,58,0.05) 72px, rgba(184,151,58,0.05) 74px); }
html[data-look="brass"] input,
html[data-look="brass"] textarea,
html[data-look="brass"] select {
  background: #0d0c0a !important;
  color: var(--ink) !important;
  border-color: var(--look-border) !important;
}