html[data-sheepu-site] {
  --sp-ink: #0c141d;
  --sp-panel: #152331;
  --sp-raised: #1c2d3c;
  --sp-line: #334452;
  --sp-text: #f1efe8;
  --sp-muted: #a0b0bc;
  --sp-signal: #ff624e;
  --sp-ice: #a7d2df;
  --sp-body: 'Segoe UI Variable Text', 'Segoe UI', system-ui, sans-serif;
  --sp-display: 'Segoe UI Variable Display', 'Segoe UI', system-ui, sans-serif;
  --sp-mono: Consolas, 'Courier New', monospace;
  --sp-type-body: 1rem;
  --sp-type-copy: 0.875rem;
  --sp-type-meta: 0.75rem;
  --sp-type-control: 0.8125rem;
  --sp-type-title: 1.125rem;
  --sp-type-section: 1.25rem;
  --sp-type-page: 2rem;
  --sp-leading-title: 1.4;
  --sp-leading-copy: 1.55;
  --sp-leading-body: 1.6;
  --sp-space-1: 4px;
  --sp-space-2: 8px;
  --sp-space-3: 12px;
  --sp-space-4: 16px;
  --sp-space-6: 24px;
  --sp-space-8: 32px;
  --sp-radius: 3px;
  --sheepu-accent: var(--sp-signal);
  color-scheme: dark;
}
html[data-sheepu-site] :is(.hall-root, .hall-portal, .am-root, .st-root) {
  font-family: var(--sp-body);
  --h-accent: var(--sp-signal);
  --h-accent-deep: #cb4236;
  --h-accent-mid: #ff8a78;
  --h-on-accent: #101923;
  --h-danger: #ff8a78;
  --h-bg: var(--sp-ink);
  --h-panel: var(--sp-panel);
  --h-surface: var(--sp-raised);
  --h-chrome: var(--sp-ink);
  --h-chrome-line: var(--sp-line);
  --h-text: var(--sp-text);
  --h-text-soft: #d1dae0;
  --h-text-muted: var(--sp-muted);
  --h-border: var(--sp-line);
  --h-row-hover: #223747;
  --h-grid: #233341;
  --wk-red: var(--sp-signal);
  --wk-cyan: var(--sp-ice);
  --wk-paper: var(--sp-text);
  --wk-muted: var(--sp-muted);
  --wk-line: var(--sp-line);
  --app-font: var(--sp-body);
}
html[data-sheepu-site] :is(.hall-root, .hall-portal).hall-light {
  --sp-ink: #f2f1ea;
  --sp-panel: #fffef8;
  --sp-raised: #e6e9e4;
  --sp-line: #b8c2c4;
  --sp-text: #152533;
  --sp-muted: #526574;
  --sp-signal: #c33829;
  --sp-ice: #236e84;
  --h-text-soft: #314957;
  --h-on-accent: #fffef8;
  --h-row-hover: #dde5e4;
}
html[data-sheepu-site] body {
  font-family: var(--sp-body);
  font-synthesis: none;
}
html[data-sheepu-site] ::selection {
  color: var(--sp-ink);
  background: var(--sp-ice);
}
html[data-sheepu-site] :is(input, textarea) {
  caret-color: var(--sp-signal);
}
html[data-sheepu-site] :is(.al-wk-chip em, .am-race-value, .am-ps-stat b) {
  font-variant-numeric: lining-nums tabular-nums;
}
html[data-sheepu-site] :is(.hall-tabs, .hall-board, .al-wk-strip, .al-wk-pages, .am-sheet-body) {
  scrollbar-width: thin;
  scrollbar-color: var(--sp-line) var(--sp-ink);
}
html[data-sheepu-site]
  :is(.hall-root, .hall-portal, .am-root, .st-root)
  :is(button, input, select, textarea, p, span, b, small, h1, h2, h3, h4, em, strong) {
  font-family: var(--sp-body);
  font-synthesis: none;
  text-shadow: none;
  -webkit-text-stroke: 0;
  font-style: normal;
}
html[data-sheepu-site] :is(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--sp-ice);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  html[data-sheepu-site] :is(.hall-root, .hall-portal, .am-root) * {
    scroll-behavior: auto;
    animation: none !important;
    transition: none !important;
  }
}
