:root {
  --ink: #080808;
  --muted: #080808;
  --line: #ded9c7;
  --paper: #f8f7f1;
  --open: #ffcb05;
  --forest: #ffcb05;
  --dlc-yellow: #ffcb05;
  --dlc-yellow-dark: #d7aa00;
  --dlc-yellow-soft: #fff7cc;
  --dlc-black: #080808;
}

html body,
html body :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  span,
  strong,
  small,
  label,
  legend,
  button,
  a,
  input,
  select,
  textarea,
  option,
  th,
  td,
  dt,
  dd,
  b,
  em,
  i
) {
  color: var(--dlc-black) !important;
}

html body ::placeholder {
  color: #4d4d4d !important;
  opacity: 1;
}

.brand-mark {
  display: none !important;
}

.brand-lockup--wordmark,
.login-brand--wordmark {
  display: flex;
  align-items: center;
  min-width: max-content;
}

.brand-lockup--wordmark p,
.login-brand--wordmark strong {
  margin: 0;
  color: var(--dlc-black) !important;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 1;
}

.login-brand--wordmark strong {
  font-size: 28px;
}

.login-shell,
.treana-notes-view,
.store-profile-shell,
.schedule-view,
.task-manager-view,
.duty-checklist-view,
.stats-center {
  background:
    radial-gradient(circle at 88% 3%, rgba(255, 203, 5, 0.22), transparent 28%),
    #f8f7f1 !important;
}

.profile-hero,
.treana-notes-hero,
.stats-center-hero,
.login-input-row button,
.daily-recap-file-button,
.daily-recap-preview > button,
.daily-recap-history button,
.popup-see-more,
.treana-rm-note-form > button,
.employee-rating-footer button,
.rm-rating-footer button,
.rm-note-form-footer button,
.route-stop-actions a:first-child,
.route-map-popup .route-map-popup-actions a:first-child,
.task-button--primary,
.project-rail-heading button,
.project-rail-icon,
.task-board-empty > span,
.daily-entry-fields button,
.daily-goals-form > button,
.stats-card-scorecard button,
.stats-directory-list button > i,
.stats-card-profile > i {
  color: var(--dlc-black) !important;
  background: var(--dlc-yellow) !important;
  border-color: var(--dlc-yellow-dark) !important;
}

.topbar-access button,
.logout-button,
.view-tabs button.is-active,
.date-tabs button.is-active,
.treana-rm-note-actions button,
.treana-notes-section-heading button,
.daily-recap-history button,
.first-stop-badge,
.employee-rating-heading > small,
.rm-rating-heading > small,
.stats-center-summary,
.stats-card-overall,
.stats-card-message,
.personnel-login-note,
.store-number-status.is-on-track,
.rm-note-share-toggle.is-on,
.stats-directory-list button:hover,
.stats-directory-list button.is-active {
  color: var(--dlc-black) !important;
  background: var(--dlc-yellow-soft) !important;
  border-color: #e5ca55 !important;
}

.legend-dot--open,
.status-dot--open,
.card-status--open,
.map-pin--open,
.route-node,
.daily-route-map-key i,
.route-map-marker,
.rm-duty-category-list i,
.duty-progress i,
.duty-item.is-complete .duty-checkbox,
.daily-goal-progress article > div i,
.stats-readonly-grid article > div:last-child i,
.rm-note-share-toggle.is-on > i {
  color: var(--dlc-black) !important;
  background: var(--dlc-yellow) !important;
  border-color: var(--dlc-yellow-dark) !important;
}

.date-tabs .is-active span,
.route-event--base .route-node,
.daily-route-map-key .route-key-base,
.route-map-marker--base,
.employee-profile-heading > span,
.rm-profile-directory i,
.rm-profile-header > i {
  color: var(--dlc-black) !important;
  background: var(--dlc-yellow) !important;
}

.route-event--return .route-node {
  color: var(--dlc-black) !important;
  box-shadow: inset 0 0 0 2px var(--dlc-yellow-dark) !important;
}

.rm-note-card,
.employee-rating-requirement {
  border-left-color: var(--dlc-yellow) !important;
}

.task-card-footer input,
.treana-share-toggle input {
  accent-color: var(--dlc-yellow);
}

.task-manager-spinner {
  border-top-color: var(--dlc-yellow) !important;
}

.project-rail-card.is-active {
  box-shadow: inset 3px 0 var(--dlc-yellow) !important;
}

.map-pin--open:after {
  border-color: rgba(255, 203, 5, 0.42) !important;
}

.eyebrow,
.route-card-header p,
.route-map-popup span,
.employee-profile-heading p,
.rm-note-card-heading span,
.treana-rm-note-card-heading span,
.duty-section > header span,
.daily-goal-progress article > em,
.stats-center-hero .eyebrow,
.stats-card-panel .eyebrow {
  color: var(--dlc-black) !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus-visible,
a:focus-visible {
  border-color: var(--dlc-yellow-dark) !important;
  outline-color: var(--dlc-yellow) !important;
  box-shadow: 0 0 0 3px rgba(255, 203, 5, 0.3) !important;
}

@media (max-width: 700px) {
  .brand-lockup--wordmark p {
    font-size: 20px;
  }
}