/* Action colors must not inherit a decorative or user-configured brand color. */
:root{
  color-scheme:only dark;
  --action-bg:#ffc400;
  --action-text:#111111;
  --action-secondary-bg:#242628;
  --action-secondary-text:#ffffff;
}

html.service-light{color-scheme:only light;}

button,.btn,.button{
  background-color:var(--action-bg);
  color:var(--action-text);
  -webkit-text-fill-color:currentColor;
  text-shadow:none;
}

button.secondary,.btn.secondary,.button.secondary{
  background:var(--action-secondary-bg);
  color:var(--action-secondary-text);
  border-color:#969ba1;
}

/* Match the readable secondary controls on mobile, with an accent border. */
button.secondary.service-primary:not(:disabled){
  -webkit-appearance:none;
  appearance:none;
  background:#242628!important;
  background-image:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border:2px solid #ffc400!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal;
  text-align:center;
}

button.bad,button.danger,.btn.danger{
  background:#9d2530;
  color:#ffffff;
  border-color:#f4a4ac;
}

button:disabled,.btn[aria-disabled="true"],.button:disabled{
  background:#343840!important;
  color:#cbd0d8!important;
  -webkit-text-fill-color:currentColor;
  border:1px solid #89909b;
  opacity:1;
  cursor:not-allowed;
}

button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{
  outline:2px solid #ffffff;
  outline-offset:3px;
  box-shadow:0 0 0 3px #111111;
}

summary.action-title,summary.mini-title{
  color:#ffffff;
}

input[type="date"],input[type="datetime-local"]{
  color-scheme:only dark;
  color:#ffffff;
  background-color:#101215;
  border:1px solid #969ba1;
  -webkit-text-fill-color:currentColor;
}

input[type="file"]{
  color:#ffffff;
  background:#101215;
  border:1px solid #969ba1;
  min-width:0;
  width:100%;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  background:revert;
  filter:none;
  opacity:1;
  cursor:pointer;
}

input[type="file"]::file-selector-button{
  min-height:40px;
  max-width:100%;
  margin-right:8px;
  padding:8px 12px;
  border:1px solid #969ba1;
  border-radius:4px;
  background:#242628;
  color:#ffffff;
  font:inherit;
  cursor:pointer;
}

html.service-light input[type="date"]{
  color-scheme:only light;
  background:#ffffff;
  color:#172033;
}

@media(forced-colors:active){
  button,.btn,.button,input[type="date"],input[type="datetime-local"],input[type="file"]{
    forced-color-adjust:auto;
    border:1px solid ButtonText;
  }
  button.secondary.service-primary:not(:disabled){
    background:ButtonFace!important;
    color:ButtonText!important;
    -webkit-text-fill-color:ButtonText!important;
    border-color:ButtonText!important;
  }
}