/* Look: Never Surrender — black field, white type, crimson accents */
:root {
  --paper: #0e0e0e;
  --ink: #ffffff;
  --rule: #ffffff;
  --accent: #C41E3A;
  --accent-hover: #a01830;
  --muted: #8a8a8a;
  --cream: #f5f2ea;
  --teal: #C41E3A;
  --look-bg: #000000;
  --look-border: #333;
  --look-panel: #111111;
  --look-soft: #d0d0d0;
  --crimson: #C41E3A;
  --display: Impact, "Arial Black", Haettenschweiler, sans-serif;
  --body-font: "Trebuchet MS", system-ui, sans-serif;
}
html[data-look="never-surrender"] body {
  font-family: var(--body-font);
  background:
    radial-gradient(ellipse at 50% 10%, rgba(196,30,58,0.22), transparent 50%),
    #000;
  color: var(--ink);
}
html[data-look="never-surrender"] .sheet {
  background: #0e0e0e;
  border: 2px solid rgba(255,255,255,0.35);
  box-shadow: 0 0 0 8px #000, 0 0 0 10px var(--crimson);
}
html[data-look="never-surrender"] .preview-banner {
  background: var(--crimson);
  color: #fff;
  border-bottom: 6px solid #fff;
}
html[data-look="never-surrender"] .mast {
  border-top: 6px solid var(--crimson);
  border-bottom: 3px solid #fff;
}
html[data-look="never-surrender"] .mast-brand .name {
  font-family: var(--display);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-shadow: 3px 3px 0 #000;
}
html[data-look="never-surrender"] .mast-brand .office { color: var(--muted); }
html[data-look="never-surrender"] .seal {
  border: 2px solid #fff;
  border-radius: 0;
  background: #000;
  color: #fff;
}
html[data-look="never-surrender"] .seal span { color: var(--crimson); }
html[data-look="never-surrender"] h1 {
  font-family: var(--display);
  text-transform: uppercase;
  text-shadow: 0 0 1px #000, 4px 4px 0 #000;
  letter-spacing: 0.06em;
}
html[data-look="never-surrender"] h2 {
  font-family: var(--display);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
html[data-look="never-surrender"] .hub-nav { border-color: #333; }
html[data-look="never-surrender"] .hub-nav a { color: #fff; }
html[data-look="never-surrender"] .hub-nav a:hover,
html[data-look="never-surrender"] .hub-nav a[aria-current="page"] {
  color: var(--crimson);
  border-bottom-color: var(--crimson);
}
html[data-look="never-surrender"] .kicker { color: var(--crimson); letter-spacing: 0.18em; font-weight: 900; }
html[data-look="never-surrender"] .rule { border-top: 6px solid var(--crimson); }
html[data-look="never-surrender"] .race-box div,
html[data-look="never-surrender"] .notice-box,
html[data-look="never-surrender"] .record,
html[data-look="never-surrender"] .clerk,
html[data-look="never-surrender"] .gap-note,
html[data-look="never-surrender"] .amounts button {
  background: #111;
  border: 2px solid #fff;
  color: #fff;
}
html[data-look="never-surrender"] .mono-hero {
  background: #000;
  border: 3px solid #fff;
  color: #fff;
  box-shadow: inset 0 0 0 2px rgba(196,30,58,0.4);
}
html[data-look="never-surrender"] .btn-outline.motif-ghost-cream,
html[data-look="never-surrender"] .btn-outline.secondary {
  --motif-fill: #000;
  --motif-stroke: #fff;
  color: #fff;
}
html[data-look="never-surrender"] .sticky {
  background: #000;
  border-top: 4px solid var(--crimson);
}
html[data-look="never-surrender"] .lead,
html[data-look="never-surrender"] .docket p,
html[data-look="never-surrender"] footer.doc-foot { color: var(--look-soft); }
html[data-look="never-surrender"] .field-app {
  border: 2px solid #fff;
  background: #111;
}
html[data-look="never-surrender"] .field-app .eyebrow { color: var(--crimson); }
html[data-look="never-surrender"] .field-app h3 { color: #fff; }
html[data-look="never-surrender"] .field-app p { color: var(--muted); }
html[data-look="never-surrender"] .field-app .pill {
  border-color: #fff; color: #fff; background: transparent;
}
html[data-look="never-surrender"] .wm { background-image: repeating-linear-gradient(-28deg, transparent 0, transparent 72px, rgba(196,30,58,0.06) 72px, rgba(196,30,58,0.06) 74px); }
html[data-look="never-surrender"] input,
html[data-look="never-surrender"] textarea,
html[data-look="never-surrender"] select {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}
